具有100%宽度和相同尺寸列的表.(变量名称)

Question

首先,我不太擅长网页设计.

我必须动态创建一个具有可变列数的表,在运行时确定.

有人可以告诉我,是否可以使用具有相同大小的列的html表完全拉伸？

任何提示？

Answer 1

如果您不知道您将拥有多少列,则声明

table-layout: fixed

除了没有设置任何列宽,这意味着浏览器均匀地划分总宽度 - 无论如何.

这也可能是这种方法的问题,如果你使用它,你还应该考虑如何处理溢出.

Answer 2

<table width="400px">
  <tr>
  <td width="100px"></td>
  <td width="100px"></td>
  <td width="100px"></td>
  <td width="100px"></td>
  </tr>
</table>

对于可变数量的列,使用%

<table width="100%">
  <tr>
  <td width="(100/x)%"></td>
  </tr>
</table>

其中'x'是列数

Answer 3

所有你需要做的:

HTML:

<table id="my-table"><tr>
<td> CELL 1 With a lot of text in it</td>
<td> CELL 2 </td>
<td> CELL 3 </td>
<td> CELL 4 With a lot of text in it </td>
<td> CELL 5 </td>
</tr></table>

CSS:

#my-table{width:100%;} /*or whatever width you want*/
#my-table td{width:2000px;} /*something big*/

Answer 4

只需添加 style="table-layout: fixed ; width: 100%;"内部<table>标签，如果您不指定任何样式并在style=" width: 100%;"内部添加<table>您将能够解决它。