当行文本溢出与多行文本溢出
1.单行文本溢出
.inaline{ overflow:hidden; white-space:nowarp;//文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。 text-overflow:ellipsis;//带省略号 }
2.多行文本溢出
.intwoline{
overflow:hidden;
text-overflow:ellipsis;
word-break:break-all;// 允许在单词内换行
display:-webkit-box;//chrome浏览器
-webkit-box-orient:vertical;//排列子元素的方式
-webkit-line-clamp:2;//几行
}