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