好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

深入理解CSS中的空白符和换行_html/css_WEB-ITnose

× 目录 [1]white-space [2]word-wrap [3]word-break

前面的话

  CSS3新增了两个换行属性word-wrap和word-break。把空白符和换行放在一起说,是因为实际上空白符是包括换行的,且常用的文本不换行是使用的空白符的属性white-space: nowrap;但到底它们还有些什么属性值,以及有什么对应的用法。本文将就空白符和换行的内容做详细介绍和梳理

空白符

定义

  空白符是指空格、制表符和回车;HTML默认已经把所有空白符合并成一个空格。

white-space

  值: normal | nowrap | pre | pre-wrap | pre-line | inherit

  初始值: normal

  应用于: 所有元素

  继承性: 有

normal: 合并空白符,允许自动换行nowrap: 合并空白符,不允许自动换行pre-line: 合并空白符(不包括换行符),允许自动换行pre: 不合并空白符,不允许自动换行pre-wrap: 不合并空白符,允许自动换行  

  [注意]

元素默认带有样式white-space: pre;

  [注意]IE7-浏览器不支持pre-line和pre-wrap这两个属性值

They can stay 72-hours within the Shandong province after they have entered China via the Qingdao International Airport.

查看更多关于深入理解CSS中的空白符和换行_html/css_WEB-ITnose的详细内容...

  阅读:39次