前端使用css样式隐藏滚动条，约定行高超长隐藏显示省略号

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;
}