1.设置文章超出n行显示省略号
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;/*设置行数*/
2.修改滚动条样式一般需要去掉轨道痕迹只显示滑块 .box需要设置overflow:scroll
.box::-webkit-scrollbar{/*滚动条整体样式*/
width:10px;/*高宽分别对应横竖滚动条的尺寸*/
}
.box::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
border-radius:5px;
background:#ccc;
}
.box::-webkit-scrollbar-track{/*滚动条里面轨道*/
border:none!important;
border-radius:0;
background:#fff;
}
3.原生的table会有单元格之间的缝隙,去掉缝隙border-collapse:collapse; 跨列合并colSpan=n 跨行合并 rowSpan=n