> 웹 프론트엔드 > HTML 튜토리얼 > table tbody 加横向滚动条_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:38:42
원래의
1829명이 탐색했습니다.

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


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

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


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

CSS:




html:------------------------------------------------------------------------------------------------------------------------------------------

  


  
    
      
        
      
    
    
      
        
        
        
        
        
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
    
  
产品编码table tbody 加横向滚动条_html/css_WEB-ITnose 产品名称table tbody 加横向滚动条_html/css_WEB-ITnose 规格型号table tbody 加横向滚动条_html/css_WEB-ITnose 助记码table tbody 加横向滚动条_html/css_WEB-ITnose 品牌table tbody 加横向滚动条_html/css_WEB-ITnose 品类table tbody 加横向滚动条_html/css_WEB-ITnose 上市时间table tbody 加横向滚动条_html/css_WEB-ITnose 条码前缀table tbody 加横向滚动条_html/css_WEB-ITnose 凑整数量table tbody 加横向滚动条_html/css_WEB-ITnose 毛重table tbody 加横向滚动条_html/css_WEB-ITnose 净重table tbody 加横向滚动条_html/css_WEB-ITnose 体积table tbody 加横向滚动条_html/css_WEB-ITnose
 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;*/
 }
去掉第二行的注释结束标记





    
        
            
        
        
            
                
                
                
                
                
                
                
                
                
                
                
                
            
            
                
                
                
                
                
                
                
                
                
                
                
                
            
            
                
                
                
                
                
                
                
                
                
                
                
                
            
            
                
                
                
                
                
                
                
                
                
                
                
                
            
            
                
                
                
                
                
                
                
                
                
                
                
                
            
        
    
产品编码table tbody 加横向滚动条_html/css_WEB-ITnose 产品名称table tbody 加横向滚动条_html/css_WEB-ITnose 规格型号table tbody 加横向滚动条_html/css_WEB-ITnose 助记码table tbody 加横向滚动条_html/css_WEB-ITnose 品牌table tbody 加横向滚动条_html/css_WEB-ITnose 品类table tbody 加横向滚动条_html/css_WEB-ITnose 上市时间table tbody 加横向滚动条_html/css_WEB-ITnose 条码前缀table tbody 加横向滚动条_html/css_WEB-ITnose 凑整数量table tbody 加横向滚动条_html/css_WEB-ITnose 毛重table tbody 加横向滚动条_html/css_WEB-ITnose 净重table tbody 加横向滚动条_html/css_WEB-ITnose 体积table tbody 加横向滚动条_html/css_WEB-ITnose
 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姑苏醒醒着实

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿