记:全问号(?)字符串导致文本没有自动换行的问题

问题描述:

问题:当文本中包含连续的?时,word-break:break-all失效,使得文本没有自动换行,超出显示区域

浏览器:谷歌浏览器70.0.3538.77

解决方法:查阅MDN时,https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

发现word-break:break-word;描述如下:Chrome, Safari and other WebKit/Blink browsers also support the unofficial break-word value which is treated like word-wrap: break-word.

由此可知,在Webkit/Blink内核浏览器中该属性有效,关键是使用该属性可以完美解决以上所描述的问题,至此解决方法大概就明了了,不过为了兼容其他浏览器,我们仍然需要word-break: break-all;

完美解决…

发表评论

电子邮件地址不会被公开。 必填项已用*标注