单行,多行文本溢出

//单行文本溢出
.inaline{
overflow : hidden; //超出隐藏
white-space:nowrap; //设置文本不会自动换行
text-overflow:ellipsis; //超出溢出,显示省略号
}

//多行文本溢出
intwoline{
overflow: hidden; //超出隐藏
text-overflow: ellipsis; //超出显示省略号
display: -webkit-box; //要设置为弹性盒子
-webkit-line-clamp: 4; //设置显示的行数
-webkit-box-orient: vertical; //方向
}