但是加上去了以后做成的网格线变的乱七入槽的。
正常是这种网格在它的tbody下面加一个横向滚动条
代码－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
CSS：
body {
font-size: 12px;
text-align:center;
}
/*newtable*/
.newtable {
/* border-top: 1px solid #999;
border-right: 1px solid #999;
border-spacing: 0;*/
}
.newtable thead{border-right: 1px solid #999;}
.newtable tbody {
display: block;
overflow-x: auto;
/*border-right: 1px solid #999;*/
}
.newtable tr {
/*display:table-row;*/
display: inline-flex;
border-left: 1px solid #999;
border-top: 1px solid #999;*/
}
.newtable th {
padding-top: 8px;
padding-bottom: 8px;
/*border: 1px solid #999;*/
/*border-collapse: separate;*/
/*border-right: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #999;*/
}
.newtable td {
padding-top: 8px;
padding-bottom: 8px;
/*border-right: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #999;*/
}
html:------------------------------------------------------------------------------------------------------------------------------------------
产品编码
产品名称
规格型号
助记码
品牌
品类
上市时间
条码前缀
凑整数量
毛重
净重
体积
JYZ-V5043
Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机
JYZ-V5
JYZ
九阳
果汁机
2014-09-08
0908
4
0.989
0.919
0.867
JYZ-V5043
Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机
JYZ-V5
JYZ
九阳
果汁机
2014-09-08
0908
4
0.989
0.919
0.867
JYZ-V5043
Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机
JYZ-V5
JYZ
九阳
果汁机
2014-09-08
0908
4
0.989
0.919
0.867
JYZ-V5043
Joyoung/九阳 JYZ-V5原汁机慢速榨汁机家用低速多功能电动果汁机
JYZ-V5
JYZ
九阳
果汁机
2014-09-08
0908
4
0.989
0.919
0.867
查看更多关于tabletbody加横向滚动条_html/css_WEB-ITnose的详细内容...