のThとsetted dsiplayブロック上の異なる幅のTD

私はtbodyスクロールけどtheadは、このCSSのThとsetted dsiplayブロック上の異なる幅のTD

thead, tbody{ 
    display: block; 
} 
tbody { 
    height:500px; 
    overflow:auto; 
}

それは動作しますが、theadのth witdhあるとに固定されているテーブルを表示しようとしています残りの列のうちtdと異なる場合は、display: block;を設定すると発生します。私は、同じ結果を持つ多くの例を試してみました。

出典

2017-10-02 af_imi4

テーブルの仕組みです。 theadとtbodyをdisplay：blockにすると、子の行を別々の匿名テーブルに入れて、セルの幅を独立に設定します。明示的にセルの幅を設定し、レイアウトを停止するためにtable-layout：fixedを使用してセル幅を自動的に調整する必要があります。 – Alohci

上記の表示：ブロックは、ディスプレイとして変更したときに表示オプションにのみ使用されます。あなたはあなたとあなたの胸を隠していました。これがdisplay：blockの違いです。

出典

2017-10-02 09:32:52

thead要素の幅がtbody要素と異なるという問題。 –

私は表示要素がtheadとtbodyの幅に影響しないことを保証します。ご不明な点がございましたら、 https://www.w3schools.com/cssref/pr_class_display.asp –

私はその表示を知っています：ブロックは幅などを設定するものではありませんが、セルのサイズが設定されていないものと異なっている –

のThとsetted dsiplayブロック上の異なる幅のTD

答えて

関連する問題