html - HTML css テーブル幅適応

Question

テーブル幅を適応させるには? つまり、十分な余裕がある場合は 100% にします。テーブルが広すぎてクリップされている場合は、テーブルの列がクリップされないように自動にします。

<div>

   <table class="adaptive-table">

   </table>

</div>

CSSを使用する方法はありますか？ありがとう

Answer 1

純粋な CSS を使用する場合は、これが役立ちます。テーブルにセット。

table-layout: fixed;
width: 100%;

テーブルが広すぎる場合は、オプションで td をスクロールできますoverflow: auto;