导航

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

侧边栏
最新评论
广树管理员
2025-02-18 12:13
@粽叶加米:计划不起来呀
粽叶加米
2025-02-18 12:10
计划一下,让那天变得特别一点(☆ω☆)
广树管理员
2025-02-18 09:13
@菲兹克斯喵:大佬也看过《水星领航员》呢!我也是在学业压力繁重的学生时代看的这部治愈神作,在学生时代能遇到这部作品真好。
菲兹克斯喵
2025-02-18 09:11
我记得上个学期压力最大的时候每天晚上睡前会看一集水星领航员,这部动画真的好治愈~
广树管理员
2025-02-18 08:56
@Zrzzz:没想到大佬也有电磁炮的青春!撤回可以复制编辑原文算是常规操作🤭
正在攻略

logo_kai.jpg


PSN奖杯卡

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


效果:

我是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的例子

donate.png

1210 x 50(蓝底).png

cloudcone