HTML css表宽度自适应

时间:2016-09-21 22:30:12

标签: html css width css-tables adaptive-layout

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

<div>

   <table class="adaptive-table">

   </table>

</div>

有没有办法使用CSS? 感谢

1 个答案:

答案 0 :(得分:0)

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

table-layout: fixed;
width: 100%;

现在,如果您的桌子太宽,您可以使用选项overflow: auto;

滚动td