html代码
<divid="d1">
</div>
css代码
#d1{
width:300px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
}```
注：关键是给容器指定宽度，并且利用white-space:nowrap;属性阻止超出部分自动换行，省略号则是由text-overflow:ellipsis;实现的
<divid="d1">
</div>
#d1{
width:300px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
}```
注：关键是给容器指定宽度，并且利用white-space:nowrap;属性阻止超出部分自动换行，省略号则是由text-overflow:ellipsis;实现的本文标题：html+css 实现文本固定长度，超出显示省略号
本文链接：https://www.haomeiwen.com/subject/wtqwkxtx.html
网友评论