html - HTML css 表格宽度自适应

Question

如何使表格宽度自适应？这意味着，如果有足够的空间，就让它 100%；如果表格太宽并且被剪裁，请将其设为自动，以便表格列不会被剪裁。

<div>

   <table class="adaptive-table">

   </table>

</div>

有没有办法使用 CSS？谢谢

Answer 1

如果您想使用纯 CSS，这可能会对您有所帮助。设置为表。

table-layout: fixed;
width: 100%;

现在，如果您的表格太宽，您可以使用选项滚动 tdoverflow: auto;