广树
2025-01-17 22:34
@石樱灯笼：不至于……性能还是符合换代要求。
导航
萌即是正义！时不时分享一些ACG活动记录与有趣代码的小站！
侧边栏
正在攻略
PSN奖杯卡
【CSS】单行文本超过宽度显示省略号的样式
作者：广树时间：2016-02-15 21:49:02分类：CSS/HTML
算是比较实用的样式。
这个方法只有在单行的情况下才会奏效，所以在样式写的时候必须要限定只能单行。（比如使用white-space:nowrap;来强制单行）然后加上overflow:hidden; 隐藏溢出。最后加上关键样式text-overflow:ellipsis;即可
样式如下：
div {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
效果：
我是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的例子
相似内容：
博文
让宽高自动过渡动画不再那么繁琐！CSS新功能 interpolate-size 和 calc-size()
发表于：2024-07-21 10:51
博文
解决Safari以及iOS上的其他浏览器子元素不受border-radius作用的问题
发表于：2024-01-16 18:00
博文
CSS原生毛玻璃效果 | backdrop-filter
发表于：2018-07-04 11:24
博文
网页中web字体的CSS写法统计
发表于：2018-04-11 16:37
博文
【响应式布局】响应式布局基础之媒体查询
发表于：2016-12-01 11:38
博文
【CSS3】「CSS3各种图像功能」的案例
发表于：2016-04-04 10:45
博文
【CSS】修改placeholder的文字颜色
发表于：2016-02-15 21:58
博文
【CSS】IE7下inline-block不奏效的解决方法
发表于：2016-02-15 21:45