1、table表格（表头固定，内容滚动） 由于tbody出现滚动条时候宽度比thead大 ，所以会出现表头和内容对不齐的情况，解决方法如下
table 表头固定，内容滚动时表头与内容不对齐的解决办法-CSDN博客
tbody::-webkit-scrollbar { /*滚动条整体样式*/ width: 0px; /*高宽分别对应横竖滚动条的尺寸*/ height: 0px; scrollbar-arrow-color: red; } tbody::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #2196f3; background: rgba(0, 0, 0, 0.2); scrollbar-arrow-color: red; } tbody::-webkit-scrollbar-track { /*滚动条里面轨道*/ /* 滚动样式 有颜色*/ /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); */ opacity: 0; /*完全透明*/ border-radius: 2px; }
2、表格内容过长把表格撑开了，导致对不齐解决
word-break:break-all;
给文字强制加换行
