[分享]css3指定位置换行

CSS3提供了指定位置换行的新属性whitespace，它能够帮助我们更加灵活地设置文本的显示方式，本文将详细介绍whitespace的使用方法。/ 默认值：normal / whitespace: ...

CSS3提供了指定位置换行的新属性white-space，它能够帮助我们更加灵活地设置文本的显示方式，本文将详细介绍white-space的使用方法。

/* 默认值：normal */
white-space: normal;

/* 在单词的边缘处换行 */
white-space: pre-line;

/* 在元素的边缘处换行 */
white-space: pre-wrap;

/* 不会折行，可以让内容超出边框 */
white-space: nowrap; 

white-space属性的默认值为normal，表示文本在遇到空白符（空格、制表符、换行符等）时自动换行，并且只允许一行中的空白符出现一次。如果想要在单词的边缘处进行换行，可以使用pre-line值，这样可以保证单词不会被分割成两部分，而只是在边缘处分行。

如果想要在元素的边缘处进行换行，可以使用pre-wrap值，这个值会在元素的边缘处进行换行，而不是在单词的边缘处，这样可以保证元素的宽度不会被溢出。

最后，如果想要让文本完全不换行，可以使用nowrap值，这个值可以让内容超出元素的边框，所以需要注意设置元素的宽度，以免出现不必要的滚动条。