CSS文本:white-space

2016-02-19 16:40 4 1 收藏

下面是个CSS文本:white-space教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

语法:

white-space : normal | pre | nowrap

取值:

normal : 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行

pre : 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !

DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象

nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

说明:

设置或检索对象内空格字符的处理方式。

空格字符,像换行,空格,TAB,在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时,你可以使用不换行空格的命名实体   来添加空格,用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。

此属性作用于块对象。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 whiteSpace 。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

示例:

p { white-space: nowrap; }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1612696.html

延伸阅读
标签: Web开发
语法: word-wrap : normal | break-word 取值: normal :? 默认值。允许内容顶开指定的容器边界 break-word :? 内容将在边界内换行。如果需要,词内换行( word-break )也将发生 说明: 设置或检索当当前行超过指定容器的边界时是否断开转行。 此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 h...
标签: Web开发
语法: layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char 取值: 该属性是复合属性。请参阅各参数对应的属性。 默认值为:both loose none none。 说明: 设置或检索复合文档中指定文本字符版式的网格特性。 以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页...
标签: Web开发
语法: ime-mode : auto | active | inactive | disabled 取值: auto : 默认值。不影响IME的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME disabled : 完全禁用...
标签: Web开发
text-indent版本:CSS1 兼容性:IE4+ NS4+ 继承性:无 语法: text-indent : length 取值: length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅 长度单位 说明: 检索或设置对象中的文本的缩进。默认值为 0 。 在被另一个对象(如 br )断开的对象内不能应用本属性。 此属性对于 currentStyle 对象...
标签: Web开发
语法: text-autospace : none | ideograph-alpha|ideograph-numeric | ideograph-parenthesis | ideograph-space 取值: none : 默认值。无调整发生 ideograph-alpha : 在表意字和非表意字(如Latin-based,Greek,Cyrillic,Arabic,Hebrew文本)之间创建额外空格 ideograph-numeric : 在表意字和数字字符之间创建额外空格 ide...

经验教程

765

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部