当前位置:Gxlcms > html代码 > tabletbody加横向滚动条_html/css_WEB-ITnose

tabletbody加横向滚动条_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:110人阅读

想在table tbody加一个横向滚动条


但是加上去了以后做成的网格线变的乱七入槽的。

正常是这种网格在它的tbody下面加一个横向滚动条


代码---------------------------------------------------

CSS:




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


回复讨论(解决方案)

.newtable tr {
/*display:table-row;*/
display: inline-flex;
border-left: 1px solid #999;
border-top: 1px solid #999;*/
}
去掉第二行的注释结束标记

















































































产品编码 产品名称 规格型号 助记码 品牌 品类 上市时间 条码前缀 凑整数量 毛重 净重 体积
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

.newtable tr {
/*display:table-row;*/
display: inline-flex;
border-left: 1px solid #999;
border-top: 1px solid #999;*/
}
去掉第二行的注释结束标记



也就是整行的都不要?那就没有滚动条了。


.newtable tr {
/*display:table-row;*/
display: inline-flex;
border-left: 1px solid #999;
border-top: 1px solid #999;*/
}
去掉第二行的注释结束标记



也就是整行的都不要?那就没有滚动条了。


border-left: 1px solid #999;
border-top: 1px solid #999;*/
去掉这2行吧

A姑苏醒醒着实

人气教程排行