CSS对长度过长的文字进行隐藏处理

otnp

于 2009-11-18 16:53:00 发布

阅读量1.1k

点赞数

分类专栏： CSS+DIV 文章标签： css

本文链接：https://blog.youkuaiyun.com/iflash50/article/details/4829567

版权

CSS+DIV 专栏收录该内容

17 篇文章

订阅专栏

本文展示了如何使用CSS来处理长度过长的文字，通过设置`white-space: nowrap;`, `word-break: keep-all;`, `overflow: hidden;`以及`text-overflow: ellipsis;`，实现文本在指定宽度内超出部分以省略号显示，确保内容的整洁和可读性。" 16960661,1398864,Unity3D WP8 发布解决方案名问题及解决,"['Unity3D', 'Windows Phone开发', '游戏开发', 'WP8发布']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上效果图

代码：

<h3>新闻动态</h3> <ul style=" line-height:24px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; margin-right:20px;"> <li><a href="#" mce_href="#">2007年中国职业装十大新闻</a></li> <li><a href="#" mce_href="#">瑞雪香尼”女裤优雅入市“</a></li> <li><a href="#" mce_href="#">整合资源的宏观方式</a></li> <li><a href="#" mce_href="#">中国成为阿根廷第一大服装进口来源国</a></li> <li><a href="#" mce_href="#">透析服饰产业主力军团的战略趋势</a></li> <li><a href="#" mce_href="#">中国成为阿根廷第一大服装进口来源国</a></li> <li><a href="#" mce_href="#">瑞雪香尼”女裤优雅入市“</a></li> <li><a href="#" mce_href="#">2007年中国职业装十大新闻</a></li> <li><a href="#" mce_href="#">瑞雪香尼”女裤优雅入市“</a></li> </ul>