2018-05-19
1.单行文字溢出方法
div {
border: 1px solid;
white-space: nowrap;/*不换行*/
overflow: hidden;/*隐藏后面的文字*/
text-overflow: ellipsis;/*加省略号*/
}
2. 多行文本溢出方法
- 如果用到了就搜text-overflow ellipsis,不用记
div {
border: 1px solid;
display: -webkit-box;
-webkit-line-clamp: 3;/*需要几行就写几*/
-webkit-box-orient: vertical;
}