当文本溢出包含的元素时加省略号之text-overflow

最新推荐文章于 2021-06-04 08:06:25 发布

weixin_33973600

最新推荐文章于 2021-06-04 08:06:25 发布

阅读量138

点赞数

本文深入探讨了CSS3中用于处理文本溢出问题的text-overflow属性，包括其基本概念、适用场景以及与JavaScript的交互方式。详细介绍了如何在不同类型的元素上使用此属性，并提供了实例演示。

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

text-overflow是css3的属性，用来处理文本溢出，默认裁剪处理,text-overflow属性只能用于block和inline-block元素,内联的和box，flex-flow:column不适用，因为对流动放向为column的box只能设高度，不能设宽度，一切不能设宽的属性都不适用text-overflow属性，对应的js属性为eleObject.style.textOverflow

用法：

div{

white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;

}

关注博主即可阅读全文