HTML テーブルの領域では、さまざまなサイズのコンテンツを扱うときに、テーブルのセルの幅を均一にすることが課題になることがあります。関連するセルの数に関係なく、CSS だけでこの望ましい結果を達成できますか?
HTML 構造は単純です。親の
CSS を利用してこの問題に対処できます。コンテンツのサイズに関係なく、セルの幅を均等にするには、次の操作を行う必要があります:
最終的な CSS コードは次のようになります。
div {
display: table;
width: 250px;
table-layout: fixed;
}
div > div {
display: table-cell;
width: 2%;
}
このアプローチでは、表のセルは等しい幅を維持し、内容に関係なく一貫した外観を保証します。
免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。
Copyright© 2022 湘ICP备2022001581号-3