css中文本超出部分省略号代替

Posted 奔跑的蜗牛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css中文本超出部分省略号代替相关的知识,希望对你有一定的参考价值。

p{

    width: 100px; //设置p标签宽度

    white-space: nowrap; //文本超出P标签宽度不换行,而是溢出

    overflow: hidden; //文本超出P标签,超出部分隐藏

    text-overflow: ellipsis; //CSS3的新属性:显示省略号代替被修剪的文本;其他两个属性:1、clip-修剪文本,2、string-使用给定的字符串来代表被修剪的文本

}

 

以上是关于css中文本超出部分省略号代替的主要内容,如果未能解决你的问题,请参考以下文章

css 实现div内一行显示,超出部分用省略号代替,css 实现div内显示两行或三行,超出部分用省略号显示

css 超出的文本以省略号代替

CSS3如何实现超出指定文本以省略号显示效果

手机网页里,一段文本超出显示省略号(…),这个CSS怎么设置

Unity文本截取长度,超出部分使用省略号代替

Unity文本截取长度,超出部分使用省略号代替