1、记录一下前端使用css样式隐藏滚动条
/*隐藏水平滚动条,同时允许垂直滚动*/
.element::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.element{
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
overflow-x: hidden;
overflow-y: auto;
}
2、约定行高超长隐藏显示省略号
.test{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;//行高
overflow: hidden;
}