表格文本溢出及边框线重叠解决办法

Table表格使用需知：

table单元格的display值为table-cell,给单元格设置文本溢出
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
是没有用的，这是需要给顶级table设置

table-layout:fixed

table下的td边框线重叠，给table标签本身添加样式

border-collapse=collapse

 

 

ul，li模仿表格，

ul使用样式{display:flex;flex-wrap:wrap;}

li使用样式{border：1px solid #7f7f7f;margin:0px 0px -1px -1px;flex:1; }