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

想在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姑苏醒醒着实