【CSS】单行文本超过宽度显示省略号的样式 - 维基萌

导航

侧边栏

最新评论

广树管理员

2026-05-26 19:16

@b-a：是吗？我步行下来感觉属于我的体力承受范围，可能巡礼多了习惯了吧。规划好路线坐第一班船来还是可以逛完的。加藤家确实需要一定的运气，不过这次带来了全景照片。可以弥补当年大佬没有进入房间的遗憾吧。

b-a

2026-05-26 17:16

选择步行真的是铁腿啊，我骑个电助力单车都气喘吁吁的大佬地方去的好全啊，我感觉单单在直岛一天根本逛不完这些地方！而且我去的时候加藤家和食堂好像没人的样子（咱也不敢问），草草拍了张庭院的照片就跑了，感觉好遗憾(´･_･`)

广树管理员

2026-05-25 12:24

@Zrzzz：✌️

Zrzzz

2026-05-25 12:23

大佬修图辛苦啦(˶‾᷄ ⁻̫ ‾᷅˵) 还原度好高喔！

广树管理员

2026-05-24 22:57

@Ringnee：虽然没有全景相机，但是有手机呀，还是能回忆的

攻略中

【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

【CSS】解决使用letter-spacing后text-align无法居中

发表于：2016-03-17 09:16

【CSS】修改placeholder的文字颜色

发表于：2016-02-15 21:58

【CSS】IE7下inline-block不奏效的解决方法

发表于：2016-02-15 21:45

© 2026 维基萌|站点地图

RSS订阅：全站订阅|订阅博文|订阅推文

萌ICP备20247707号|🚇开往

Powered by wikimoeBlog (v1.2.0)