DIV中文字换行显示

2018-12-19 01:44:46来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

居然第一次遇到这种问题,还想了半天到底是怎么回事,为什么明明div设置宽度了,里面的文字超过宽度后居然不换行。

(1)word-break属性,可以让浏览器实现在任意位置换行。

    normal:使用浏览器默认的换行规则

    break-all:允许在单词内换行,效果如下:

    

    keep-all:只能在半角空格或连字符处换行

(2)word-wrap属性,允许长单词或URL地址换行到下一行。

    normal:只在允许的断字点换行(浏览器保持默认处理)

    break-word:在长单词或 URL 地址内部进行换行,效果如下:

    

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:探究 CSS 混合模式\滤镜导致 CSS 3D 失效问题

下一篇:前端面试必备的CSS3的特性