热词推荐:
当前位置:首页 > 技术文章 > VUE >

css单行及多行文字省略号

作者:欧欧 来源:风者信息科技 发布时间:2022-08-22

单行文本超过宽度使用省略号
// 单行文本超过宽度使用省略号
.single-line() {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

多行文本超过宽度使用省略号

.line-camp(@clamp: 2) {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @clamp;
  -webkit-box-orient: vertical;
}

电话:13599120724

邮箱:oo@fzer.net

地址:厦门市集美区杏林湾路496号裙楼D022

热词推荐

案例展示

产品项目

文章信息