本文主要是介绍解决表格列中文本过长按指定位置换行的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、首先返回的文本中指定位置有标识符
2、如果标识符是"\n",则只要在该html标签内添加样式”white-space: pre-wrap;“
3、如果标识符不是"\n",则需要将标识符替换成”\n“,可以通过textStr.replace(/<br>/g, "\n")
,然后添加样式”white-space: pre-wrap;“
注:
- "\n"并不会换行显示,只会被识别为空格
- 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示。
normal:默认,忽略文本中所有的空白、换行符;只有文本存在或文本达到框的约束时,文本才会换行。
pre:保留文本中的空白、换行符;遇到框的宽度约束时不会自动换行,文本存在或文本中有换行符时,文本才会换行。
nowrap:和normal类似,忽略文本中所有的空白、换行符;遇到框的宽度约束时不会自动换行,文本只有在有 br 时才会换行。
pre-wrap:和pre类似,保留文本中的空白、换行符;文本存在或文本中有换行符时,或者遇到框的宽度约束时,文本都才会换行。
pre-line:会略文本中的空白符;文本存在或文本中有换行符时,或者遇到框的宽度约束时,文本都才会换行。
这篇关于解决表格列中文本过长按指定位置换行的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!