导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

【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;
}


效果:

我是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的例子
侧边栏
最新评论
广树
2024-05-17
@老张博客:一千多人民币的水平吧
广树
2024-05-17
@MqyGalaxy:以前空中网的时代好像没有同步吧,现在同步了呀。
广树
2024-05-17
@DavidYR:不愧是大佬!行动力好强!我已经好几年没碰坦克世界了🤭
老张博客
2024-05-17
不知道你说的贵是多少钱呀。
MqyGalaxy
2024-05-17
@广树:我不是很清楚,一直都玩的是亚服美服OωO。但好像一直都是同步的吧
正在攻略

圣兽之王.jpg

传颂之物

PSN奖杯卡

PSN奖杯卡

赞助商广告