单行文本溢出与多行文本溢出

当行文本溢出与多行文本溢出

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;//几行

}