欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css3中允许单词内断句word-wrap和怎么处理断句word-break_html/css_WEB-ITnose

程序员文章站 2022-03-19 20:46:36
...
首先说一下:浏览器的默认行为,长单词 太长超出它所在的区域时 首先是移到下一行。

1、word-wrap:break-word

w3school手册中这样解释的:允许长单词或 URL 地址换行到下一行,也就是说当一个单词的长度超出它所在的区域时 浏览器会将多余的字符移到下一行。

这个属性是只指先允许浏览器对长单词进行换行,因为当一个单词长度太长了,浏览器默认先把它移到下一行,然后如果设置了这个属性,长单词会截断

2、word-break:break-all 属性规定自动换行的处理方法,在哪个位置进行截断

是指对于截断的处理方式是任何地方超出区域后都截断,当一行中最后的单词太长了,如果不加这个属性,那么浏览器会默认先把它下移,

设置这个word-break:break-all 属性后,在当前这一行中进行截断处理。