多行文字超出省略

最新推荐文章于 2024-09-05 15:51:55 发布

咣哧咣哧一天没了

最新推荐文章于 2024-09-05 15:51:55 发布

阅读量127

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/weixin_44460201/article/details/103119300

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

单行文字超出省略

**宽度固定**

<div class="div">12333333333333333333333333333333333333333333</div>
.div{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}

多行文字超出省略

高度不能写死

<div class="div">12333333333333333333333333333333333333333333</div>
.div{
	overflow: hidden;
	display: -webkit-box;//将元素设为盒子伸缩模型显示
	-webkit-box-orient: vertical;//伸缩方向设为垂直方向
	-webkit-line-clamp: 3;  // 设置显示行数
}