table内容有多个 导致内容无法正常换行

情况描述

在table被设定了固定宽度的时候,td内容中出现了太多连续 导致内容过宽,引起样式的错乱。
这部分html因为是从第三方获取的。所以无法从根源上去禁止这些 的产生。只能考虑通过后期处理解决。

解决过程

在网上搜索解决办法,希望通过css解决,但我的浏览器对有些网上所给出的样式不支持,比如word-warp:break-word;在我的浏览器就直接是无效的。把 替换成普通的空格是行不通的,连续的普通空格只会被解析成一个空格。
经过对内容特点进行分析,连续的 会在遇到的第一个普通字符后,进行正常的换行。那么用空格键打出来的也属于普通的字符,考虑到连续的空格会被解析成一个空格,那么,不连续的空格就能够被正常解析成独立的空格,并能够正常换行。
所以,每间隔一个 把后一个 替换成普通的空格。
用js来做就是把连续的  替换成 +一个普通空格

html = html.replace
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值