项目中很多地方会需要实现文字的省略,只需要写一个类,并设定元素的宽度之后,就能够实现省略符
// 文字省略
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
给要省略的文字加上这个类,然后设置文本宽度即可
实现文字省略(Css)
最新推荐文章于 2024-07-01 17:49:35 发布
项目中很多地方会需要实现文字的省略,只需要写一个类,并设定元素的宽度之后,就能够实现省略符
// 文字省略
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
给要省略的文字加上这个类,然后设置文本宽度即可