table tbody 加横向滚动条_html/css_WEB-ITnose-html教程-PHP中文网

table tbody 加横向滚动条_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:38:42

原创

1883人浏览过

想在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