CSS文本:white-space

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

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

【 tulaoshi.com - Web开发 】

语法:

white-space : normal | pre | nowrap

取值:

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

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

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

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

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

说明:

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

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

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

此属性作用于块对象。

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

对应的脚本特性为 whiteSpace 。

示例:

p { white-space: nowrap; }

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

延伸阅读
标签: Web开发
语法: ruby-position : above | inline 取值: above :? 默认值。在基本文本上方定位 ruby 文本 inline :? ruby 文本与基本文本内联 说明: 设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 rubyPositio...
标签: Web开发
text-align版本:CSS1 兼容性:IE4+ 继承性:有 语法: text-align : left | right | center | justify 取值: left : 默认值。左对齐 right : 右对齐 center : 居中对齐 justify : 两端对齐 说明: 设置或检索对象中文本的对齐方式。 此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继...
标签: Web开发
语法: line-break : normal | strict 取值: normal : 默认值。应用日文文本的默认换行规则 strict : 强制日文文本换行规则的严谨性 说明: 设置或检索用于日文文本的换行规则。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 lineBreak 。 示例: div { line-break : strict;...
标签: Web开发
text-overflow版本:IE6+专有属性 继承性:无 语法: text-overflow : clip | ellipsis 取值: clip : 默认值。不显示省略标记(...),而是简单的裁切 ellipsis : 当对象内文本溢出时显示省略标记(...) 说明: 设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 这个属性仅仅作用于水平内联方向的,普通的西方文本的...
标签: Web开发
语法: layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char 取值: 该属性是复合属性。请参阅各参数对应的属性。 默认值为:both loose none none。 说明: 设置或检索复合文档中指定文本字符版式的网格特性。 以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页...

经验教程

282

收藏

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