导航

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

侧边栏
最新评论
广树
2024-10-10 19:57
@铭心:谢谢大佬夸奖,大佬的博客也很可爱。 关于友链,抱歉,希望能仔细阅读一下友链要求。
铭心
2024-10-10 19:52
博主你好啊,今天看到了这个博客非常的漂亮,想和你互加一个友链,我的博客已经挂上了贵站链接 名称:铭心の博客 简介:铭心的个人小窝(๑•ᴗ•๑) 连接:https://www.mxin.moe 图标:https://www.mxin.moe/favicon.ico
广树
2024-10-10 16:55
@Shawn:不过现在印象应该深刻了,是大佬!
Shawn
2024-10-10 15:50
@广树:哈哈哈没事~
广树
2024-10-10 15:35
@Shawn:因为我一开始就不是wordpress用户,抱歉...只能说听过GIligili这个名字😅
正在攻略

e54e3ae78936587d51e4b180673cb495.png

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


效果:

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