css文本

作者: 王小维WW | 来源:发表于2017-05-15 18:43 被阅读0次

    text-overflow

    该属性配合overflow-hidden使用更佳,表示在内容溢出时,文本内容所显示的样式.
    常用overflow:ellipsis;

    white-space

    该属性控制文本中的空格样式,为normal时,就就是浏览器默认处理空格时,html中的空格会被自动忽略的。

    <p>
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text.
    </p>
    

    这段代码的效果会是这样的


    测试

    使用white-space:pre;可以保留空格,效果相当于使用了<pre></pre>标签。在展示源代码的时候可以用的上。
    white-space:nowrap可以强制文本不换行,保持在同一行。

    word-wrap

    word-wrap属性允许长的内容可以自动换行。当遇到长文本的时候,由浏览器处理的换行可能溢出,加上
    word-wrap:break-word就可以解决.

    相关文章

      网友评论

          本文标题:css文本

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