【前端】CSS设置数据过多自动隐藏...

最新推荐文章于 2022-12-15 16:32:52 发布

softbook

最新推荐文章于 2022-12-15 16:32:52 发布

阅读量525

点赞数 1

分类专栏：前端文章标签： css

本文链接：https://blog.youkuaiyun.com/bk120/article/details/103810686

版权

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用CSS样式来优化网页布局的方法，通过设置overflow、white-space、text-overflow和display属性，实现文本的自动换行、隐藏超出部分及显示省略号的功能，适用于需要精简显示大量数据的场景。

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

css样式作用于数据需要赋值的控件上：

#pr{
		overflow: hidden;// 超过指定宽度高度隐藏数据
		white-space: nowrap;// 所有文本都显示一行
		text-overflow: ellipsis;// 多余文本用省略号显示
		width: 300px; 
		display: inline-block // 块级显示数据不换行
	}