CSS可以用来设置如何转行,即如何在文本旁边添加空格,什么时候对文本进行折行等等。以下是一些CSS属性,可以用来控制文本的转行。
word-wrap: break-word;
word-wrap属性可以让一个过长的单词在行末被断开,并转到下一行。如果开启了这个属性,在一个长单词中间的任意位置自动断行。该属性允许在单词内部断行而不需要在单词前面添加空格。
word-break: break-all;
如果一个长度超过文本容器宽度的单词,可以使用word-break:break-all;属性来进行强制断行。当长单词遇到容器边缘时,会自动在单词内部断行,如果单词比容器宽度小,则不会进行断行。
white-space: pre-wrap;
white-space:pre-wrap;则与word-wrap的作用类似,都可以让过长的单词或文本框中的文本自动折行。但是,它可以在文本中保留空格和换行符,并以它们的原始形式呈现。