1、溢出的部分隐藏起来 overflow: hidden;
2、文字溢出,用省略号代替 text-overflow: ellipsis;
3、弹性伸缩盒子模型显示 display: -webkit-box;
4、限制在一个块元素显示的文本的行数 -webkit-line-clamp: 3;意思是第三行显示省略号
5、伸缩盒对象的子元素的排列方式 -webkit-box-orient: vertical;
注意盒子的高度!
1、溢出的部分隐藏起来 overflow: hidden;
2、文字溢出,用省略号代替 text-overflow: ellipsis;
3、弹性伸缩盒子模型显示 display: -webkit-box;
4、限制在一个块元素显示的文本的行数 -webkit-line-clamp: 3;意思是第三行显示省略号
5、伸缩盒对象的子元素的排列方式 -webkit-box-orient: vertical;
注意盒子的高度!