美文网首页
white-space

white-space

作者: Tenderness_egg | 来源:发表于2017-10-27 14:25 被阅读0次

    white-space:处理空白符,该属性会影响源文档中空格、换行、tab字符的处理,影响浏览器处理字之间和文本行之间的空白符(空格、换行、tab字符)的方式。

    值:normal | nowrap | pre | pre-wrap | pre-line | inherit
    初始值:normal
    应用于 所有元素(css2.1); 块级元素(css1 和 css2)
    继承性:无

    white-space:normal(默认值)
    把所有的空白符默认合并为一个空格,文字过长会自动换行
    浏览器显示时,各个字之间只会显示一个空格,忽略元素中的换行(将换行转换为一个空格)。

    white-space:nowrap
    把所有的空白符默认合并为一个空格,并且保持不换行,除非使用一个
    标签去手动换行
    浏览器显示时,所有的空白符默认合并为一个空格,并且不会自动换行。

    white-space:pre
    保留所有空白符,但是文字过长不会自动换行
    浏览器显示时,所有的空白符都显示正常,但是不会自动换行。

    white-space:pre-warp(css2.1)
    保留所有空白符,但是文字过长可以自动换行
    浏览器显示时,所有的空白符都显示正常,但是可以自动换行。

    white-space:pre-line(css2.1)
    合并空白符序列(即为空格),保留换行符
    浏览器显示时,所有的空白符都显示正常,但是可以自动换行。

    总结表格:

    值 空白符 换行符 自动换行
    pre-line 合并 保留 允许
    normal 合并 忽略 允许
    nowrap 合并 忽略 不允许
    pre 保留 保留 不允许
    pre-wrap 保留 保留 允许

    相关文章

      网友评论

          本文标题:white-space

          本文链接:https://www.haomeiwen.com/subject/nygrpxtx.html