css指定文本显示行数(单行显示,多行显示)
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
其中
- overflow:超出隐藏
- text-overflow: 超出部分用省略号显示…
- -webkit-line-clamp: 指定显示行数
flex布局,文本溢出自动换行的方法
overflow: hidden;
word-wrap: break-word;
word-break: break-all;
flex布局 防止子元素被压缩
flex-shrink:0