2010-08-11 35 views
2

由于我是动态生成数据的,加入了<tr><td>,其中<td>是根据数据计数生成的,根据每行的设置只能显示2个数据。 每个单元格的宽度为50%如何给定宽度为​​?

问题是如果数据计数是奇数例如3第一行及其单元格生成完美..但在下一行由于单个单元格它会占用全部空间,我可以由于不同的屏幕分辨率,不会给出像素的宽度:(

回答

0

您将希望通过样式设置宽度(style =“width:XXXpx”),或者您应该真正生成全部数量的空表格单元格

0

设置元素大小的正确方法是使用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; 
} 

当然,你必须考虑两个因素考虑:

  1. 作为一个表,列必须对齐,以便您不必为所有行设置大小;大多数单元格的行的设置大小应该足够了。
  2. 如果内容不合适,浏览器可能会使单元变大。
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> 
相关问题