解决表格列中文本过长按指定位置换行的问题

1、首先返回的文本中指定位置有标识符
2、如果标识符是"\n",则只要在该html标签内添加样式”white-space: pre-wrap;“
3、如果标识符不是"\n",则需要将标识符替换成”\n“,可以通过textStr.replace(/<br>/g, "\n"),然后添加样式”white-space: pre-wrap;“

注:

  1. "\n"并不会换行显示,只会被识别为空格
  2. 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示。
    normal:默认,忽略文本中所有的空白、换行符;只有文本存在或文本达到框的约束时,文本才会换行。
    pre:保留文本中的空白、换行符;遇到框的宽度约束时不会自动换行,文本存在或文本中有换行符时,文本才会换行。
    nowrap:和normal类似,忽略文本中所有的空白、换行符;遇到框的宽度约束时不会自动换行,文本只有在有 br 时才会换行。
    pre-wrap:和pre类似,保留文本中的空白、换行符;文本存在或文本中有换行符时,或者遇到框的宽度约束时,文本都才会换行。
    pre-line:会略文本中的空白符;文本存在或文本中有换行符时,或者遇到框的宽度约束时,文本都才会换行。
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值