由于我是动态生成数据的,加入了<tr>
和<td>
,其中<td>
是根据数据计数生成的,根据每行的设置只能显示2个数据。 每个单元格的宽度为50%如何给定宽度为?
问题是如果数据计数是奇数例如3第一行及其单元格生成完美..但在下一行由于单个单元格它会占用全部空间,我可以由于不同的屏幕分辨率,不会给出像素的宽度:(
由于我是动态生成数据的,加入了<tr>
和<td>
,其中<td>
是根据数据计数生成的,根据每行的设置只能显示2个数据。 每个单元格的宽度为50%如何给定宽度为?
问题是如果数据计数是奇数例如3第一行及其单元格生成完美..但在下一行由于单个单元格它会占用全部空间,我可以由于不同的屏幕分辨率,不会给出像素的宽度:(
您将希望通过样式设置宽度(style =“width:XXXpx”),或者您应该真正生成全部数量的空表格单元格
设置元素大小的正确方法是使用CSS:
table{
border-collapse: collapse;
}
td{
width: 50%;
padding: 0;
}
如果您需要设置取决于行不同的大小,你可以使用类:
<table>
<tr class="double"><td>Foo</td><td>Bar</td></tr>
<tr><td colspan="2">Gee</td></tr>
</table>
table{
border-collapse: collapse;
}
tr.double td{
width: 50%;
padding: 0;
}
当然,你必须考虑两个因素考虑:
我不完全明白你的表为什么不适合ODD数据。
也许你可以告诉我们一些代码。
下面的代码非常适用于奇/偶号的记录
<table>
<tr>
<td style='width: 50%;'>Data 1</td>
<td style='width: 50%;'>Data 2</td>
</tr>
<tr>
<td>Data 3</td>
<td>Data 4</td>
</tr>
<tr>
<td>Data 5</td>
</tr>
</table>