通过css中white-space: pre-line;属性用来控制容器的文本中带有换行符等的显示。
- pre-line:忽略文本中的空白符;当文本中存在 <br> 或文本中有换行符时,或者遇到框的宽度约束时,文本会自动换行。
例(使用换行符/n进行换行显示):
white-space属性的补充:
- normal:默认属性,会忽略文本中所有的空白、换行符;只有当文本中存在 <br> 或文本达到框的约束时,文本才会换行
- nowrap:和normal类似,忽略文本中所有的空白、换行符;但是遇到框的宽度约束时不会自动换行,文本只有在有<br>时才会换行
- pre:保留文本中的空白、换行符;遇到框的宽度约束时不会自动换行,只有在文本中存在 <br> 或文本中有换行符时,文本才会换行
- pre-wrap:和pre类似,保留文本中的空白、换行符;文本存在 <br> 或文本中有换行符时,或者遇到框的宽度约束时,文本都才会换行