CSS实现多余文字用省略号代替

最新推荐文章于 2024-08-08 14:06:46 发布

MT_su

最新推荐文章于 2024-08-08 14:06:46 发布

阅读量5.6k

点赞数 4

分类专栏： CSS

本文链接：https://blog.csdn.net/weixin_37620905/article/details/82557166

版权

CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

.txt{

background: gainsboro;

width: 200px;     //设置文字显示宽度

overflow: hidden;  //溢出内容隐藏

white-space: nowrap;  //强制文本在一行内显示

text-overflow: ellipsis; //当对象内文本溢出时显示省略标记

}


<p class="txt">CSS实现多余文字用省略号代替CSS实现多余文字用省略号代替</p>