• 技术文章 >web前端 >css教程

    css white-space属性的使用及定义详解

    黄舟黄舟2017-06-20 11:56:21原创1704
    CSS的white-space属性用于指定如何处理容器中的空白字符,例如:空格( )、换行(\n)、缩进(\t)等。

    white-space出自CSS1,适用于块状元素,具有继承性,支持IE 5.5+、Chrome、FireFox、Safari、Opera等所有主流浏览器,其默认值为normal。

    语法:

    white-space : normal | pre | nowrap

    参数:

    normal :  默认处理方式
    pre :  用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
    nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)

    说明:

    设置或检索对象内空格的处理方式。
    对应的脚本特性为whiteSpace。请参阅我编写的其他书目。

    示例:

    p { white-space: nowrap; }


    说明

    white-space支持normal、pre、nowrap、pre-wrap、pre-line、inherit等值。下面我们来详细介绍这些值之间的区别。

    1525.png

    JavaScript操作

    white-space在JavaScript中对应的属性名称为whiteSpace,例如:

    document.getElementById("p1").style.whiteSpace = "nowrap";

    style对象上的whiteSpace属性是可读写的,但是currentStyle对象上的whiteSpace属性是只读的。

    以上就是css white-space属性的使用及定义详解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:css自动换行的word-break与word-wrap的区别 下一篇:css word-wrap属性的使用详解
    千万级数据并发解决方案

    相关文章推荐

    • css3怎样实现不是直角的菱形效果• CSS如何进行性能优化?优化小技巧分享• css3框模型有几种属性• css样式中有文字描边吗• 如何利用CSS来美化滑动输入条?自定义样式方法浅析
    1/1

    PHP中文网