ホームページ > ウェブフロントエンド > htmlチュートリアル > テーブル tbody に水平スクロールバーを追加_html/css_WEB-ITnose

テーブル tbody に水平スクロールバーを追加_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:38:42
オリジナル
1827 人が閲覧しました

表本体に水平スクロールバーを追加したいのですが


しかし、追加するとグリッド線が乱雑になります。

通常、この種のグリッドは本体の下に水平スクロール バーを追加します


コード—————————————————————————————— ————————— ---------------------

CSS:


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






>商品コードテーブル tbody に水平スクロールバーを追加_html/css_WEB-ITnose ;thscope="col" style="max-width:90%">利用可能時間img class="sort_both_img" src="sort_both.png" />バーコード プレフィックス < width: 80px;">数量を切り上げます
幅: 80px;"> 総重量 正味重量テーブル tbody に水平スクロールバーを追加_html/css_WEB-ITnose _both_img" src="sort_both.png" />
lt;/td>

>JYZ-V5
< ; td スタイル ="幅:80px; "&gt; 0908&lt;/td&gt;/td&gt;&lt;/tr&gt; TD スタイル = "幅: 80px;" & lt;/td & gt;
& lt; td スタイル = "幅: 80px;" idth:80px; "&gt; 4&lt;/td&gt;

        
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
      
        
        
        
        
        
        
        
        
        
        
        
        
      
    
  
Joyoung/Joyoung JYZ-V5 オリジナルジューサースロージューサー家庭用低速多機能電動ジューサー 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;*/

border-left: 1px Solid #999; : 1px Solid #999;*/
}
2行目のコメント終了タグを削除











                

















th: 80px;">2014-09-08
"&g t;4
>
:80px; "&gt; 0.867&lt;/td&gt;
gt; jyz-v5043&lt;/td&gt;ジューサー -V5 d>
>ジュースマシン 「幅: 80px ;">0908
98 9
;td style="width: 80px;">0.919


                
                
                
                
                
                
                
                
            
            
                
                
                
                
                
                
                
                
                
                
                
                
            
        
    
製品コード 製品名 规格型号 助记码 品牌 品类 上市時間 条條前缀 凑整数 毛重 净重 本体积
 JYZ-V5043 Joyoung/九阳 JYZ-V5原汁机ゆっくり速榨汁机家用低速多功能电动果汁机 JYZ-V5 JYZ 城陽 JY Z-V5043 低速多機能電動ジュースマシン td>
                
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;*/
border-left: 1px ソリッド #999;
border-top: 1px ソリッド #999;*/ }
2行目の終了コメントマークを削除


ということは、その行全体は必要ないということでしょうか?それからスクロールバーはありません。



.newtable Tr {/*表示: table-download;*/

境界左: 1px ソリッド#999;

境界上: 1px ソリッド#999;*/ ブリーク }

2行目の終了コメントマークを削除します


ということは、その行全体は必要ないということでしょうか?それからスクロールバーはありません。

border-left: 1px ソリッド #999;
border-top: 1px ソリッド #999;*/
これらの 2 行を削除します


叔母 A は起きて起きています
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート