文字超出显示... css

一行文字超出显示...

width: 200px;  //宽度
overflow: hidden;  //超出文本隐藏
white-space: nowrap;  //不换行，只显示一行
text-overflow: ellipsis;  //超出部分省略号显示

多行文字超出显示... 

width: 200px;  //宽度
overflow:hidden;  //超出文本隐藏
text-overflow:ellipsis;  ///超出部分省略号显示
display:-webkit-box;  //弹性盒模型
-webkit-box-orient:vertical;  //上下垂直
-webkit-line-clamp:2;  //自定义行数

去除超出滚动条

//houveList为父元素类名
.houveList::-webkit-scrollbar{
  display: none;
}