单行,多行文本溢出

//单行文本溢出

.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; //方向

}