单行文本超出隐藏
.single{ width: 60%;/*需要设置宽度*/ line-height:14px;/*设置line-heigh或上下padding可防止出现文字头部少了一截的情况*/ font-size: 12px; overflow: hidden; text-overflow: ellipsis;/*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/ }
多行文本超出隐藏
.multiLine{ width: 60%; line-height:14px; font-size: 12px; overflow: hidden; display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示 */ -webkit-line-clamp: 3;/*限制一个块元素只显示3行*/ -webkit-box-orient: vertical;/*设置伸缩盒对象子元素的排列方式*/ }