HTML css表格寬度自適應

Question

如何使表格寬度自適應？這意味着，如果有足夠的空間，使其100％;如果表太寬並且被裁剪，請將其設置爲自動，以便表格列不會被裁剪。

<div> 

    <table class="adaptive-table"> 

    </table> 

</div> 

有沒有使用CSS的方法？ 謝謝

Answer 1

如果你想使用純粹的CSS這可能會幫助你。設置爲表。現在

table-layout: fixed; 
width: 100%; 

，如果你的桌子會太寬，可以滾動TD與選項overflow: auto;