与100%宽度和相同大小列的表。 (一个variables名)

首先我不擅长网页devise。

我必须在运行时dynamic创build一个具有可变列数的表格。

有人可以告诉我,如果有可能有一个相同大小的列完全伸展的HTML表?

任何提示?

<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”是列数

如果你不知道你有多less列,声明

table-layout: fixed

同时设置任何列宽 ,将意味着浏览器均匀地划分总宽度 – 无论如何。

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

所有你必须做的:

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*/ 
  1. 算出你想要的列数
  2. 计算每列需要的宽度百分比: floor(100/n)
  3. 在输出时将百分比宽度应用于标题单元格
  4. ???
  5. 利润!!