css实现超出显示省略号

最新推荐文章于 2024-08-06 19:00:26 发布

零月§连芯@

最新推荐文章于 2024-08-06 19:00:26 发布

阅读量119

点赞数

文章标签： css css3

本文链接：https://blog.csdn.net/qq_43531886/article/details/109331379

版权

css实现…省略样式单行
在这里插入图片描述

<view class="text2">瓜兮兮邀请你一起玩游戏，请在<text>5</text>分钟内确认

//css部分
.text2{
	width: 400rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

css实现…省略样式多行
在这里插入图片描述

                    // 多行超出省略
                    width: 400rpx;
                    display: -webkit-box;
                    overflow: hidden;
                    white-space: normal !important;                   
                    text-overflow: ellipsis;
                    word-wrap: break-word;
                    -webkit-line-clamp: 2;//2行，可设置
                    -webkit-box-orient: vertical;