HTML css表格宽度自适应

Question

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

<div> 

    <table class="adaptive-table"> 

    </table> 

</div> 

有没有使用CSS的方法？ 谢谢

Answer 1

如果你想使用纯粹的CSS这可能会帮助你。设置为表。现在

table-layout: fixed; 
width: 100%; 

，如果你的桌子会太宽，可以滚动TD与选项overflow: auto;