text-wrap: normal | break-word; word-wrap: normal | break-word; white-space: normal | nowrap | pre | pre-wrap | pre-line;
text-wrap属性规定当文本到达容器的边缘时是否应该进行换行,它有两个值:
- normal:默认值,表示文本不强制换行。 - break-word:表示当一个单词太长以至于无法放在一行上时,将会被强制换行。
word-wrap属性也类似,它用于定义是否允许在单词内部进行换行。
- normal:默认值,表示不允许在单词内部进行换行。 - break-word:表示可以在单词内部进行换行,以防止单词溢出容器边缘。
而white-space属性则用于定义文本的处理方式,它有五个值:
- normal:默认值,表示文本中连续的空格会被合并为一个空格,并忽略换行符。 - nowrap:表示文本中连续的空格和换行符都不会被忽略,也不会自动换行。 - pre:表示文本中连续的空格和换行符都不会被忽略,但是会自动换行。 - pre-wrap:表示文本中连续的空格和换行符都不会被忽略,并且会自动换行。 - pre-line:表示文本中连续的空格会被合并为一个空格,但是换行符不会被忽略,并且会自动换行。
通过对这些属性的设置,可以轻松地控制文本的换行效果,适应不同的设计需求。