Question

html表cols和动态生成行

但是，对于第一个实例，它可以是两行并且有列。下次可能是两行10列

我的问题是如何自动调整表格，以便表格始终在页面中100％显示调整库仑大小和行大小

    <table>
    <tr><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td></tr>
    </table>

    <table>
     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
     <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  </table>

谢谢..

Answer 1

使用CSS：

<style type="text/css">
table { width: 100%; }
</style>
<table>
...
</table>

或使用CSS内联样式：

<table style="width: 100%">
...
</table>

或使用旧式HTML：

<table width="100%">
...
</table>

Answer 2

把

宽度= “100％”

在您的表格标签中 - 它始终为100％宽度。那是你的意思吗？

Answer 3

您可以尝试使用可以编写

的css文件

table {
  width: 100%;
  height: 100%;
}

或者您可以在html文件中添加以下行

<style type="text/css">
  table { width: 100%; height: 100%; }
</style>

Answer 4

到目前为止我所知道的最好的是：

.my-table-class {
   box-sizing: border-box;
   width: 100%;
}

如果您不使用box-sizing: border-box;，只要您的表具有填充和边框，就会收到错误的结果。使用width: 100%;是不够的。

提示：与display: table;的元素相同。

表格上的自动宽度

4 个答案: