首頁  >  文章  >  web前端  >  css3中允许单词内断句word-wrap和怎么处理断句word-break_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 11:36:511743瀏覽

首先说一下:浏览器的默认行为,长单词 太长超出它所在的区域时 首先是移到下一行。

1、word-wrap:break-word

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

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

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

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

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

 

    

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn