文本显示为单行,超过部分隐藏并使用省略号

Posted gxw123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文本显示为单行,超过部分隐藏并使用省略号相关的知识,希望对你有一定的参考价值。

<div>
文本显示为单行,超过部分隐藏并使用省略号
修改 width 属性查看效果。
</div>

 

div {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:120px;
}

以上是关于文本显示为单行,超过部分隐藏并使用省略号的主要内容,如果未能解决你的问题,请参考以下文章

CSS中 设置( 单行多行 )超出显示省略号

css设置文本超过宽度后显示省略号点点点#yyds干货盘点#

单行显示省略号/指定行显示省略号

文字单行超出时隐藏不换行并且省略号提示/字母文字缩进间隔属性

单行文本省略号和多行文本省略号

单行文本与多行文本省略文本