>웹 프론트엔드 >HTML 튜토리얼 >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:511761검색

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

1、word-wrap:break-word

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

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

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

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

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

 

    

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.