文字内容超出两行时显示省略号
<view class="newsTitle">
这里是一条很长很长很长的内容
</view>
设置内容超出两行显示省略号的css样式如下:文章来源:https://www.toymoban.com/news/detail-539402.html
.newsTitle{
width: 536rpx; //设置宽度
font-size: 32rpx;
font-weight: 700;
line-height: 52rpx;
text-align: left;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box; //使用自适应布局
-webkit-line-clamp: 2; //设置超出行数,要设置超出几行显示省略号就把这里改成几
-webkit-box-orient: vertical;
}
这个样式可用于uniapp的微信小程序开发。文章来源地址https://www.toymoban.com/news/detail-539402.html
到了这里,关于文字内容超出两行时显示省略号的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!