您现在的位置是：博客首页 > 网站开发 > 微信开发 > 微信开发

微信小程序Text限定行数

程序员之路2020-06-04【个人博客】人已围观

简介想实现小程序中组件text最多显示两行内容,如果超出就省略号 .desc { /*定义为自适应布局*/ display : -webkit-box ; word-break : break-all ; /*超出文字用省略号代替*/ text-overflow : ellipsis ; /*竖直方向的超出

想实现小程序中组件text最多显示两行内容,如果超出就省略号

.desc {

						  /*定义为自适应布局*/

						  display: -webkit-box;

						  word-break: break-all;

						

						   /*超出文字用省略号代替*/

						  text-overflow: ellipsis;

						

						  /*竖直方向的超出和隐藏*/

						  -webkit-box-orient: vertical;

						

						  /*设定行数为2*/

						  -webkit-line-clamp: 2;

						

						  /*多出部分隐藏*/

						  overflow: hidden;

						}