日期:2014-05-17  浏览次数:20687 次

怎样控制table里每个格子显示指定数量的元素?
具体来说,我在一个<TD>里要显示很多个checkbox。但是让他自动换行,页面看起来很乱。

所以我想我问一下,用css控制的话,比如一行显示4个checkbox,如何控制?

谢谢!

------解决方案--------------------
在TD里再嵌一个Table,指定table-layout:fixed,然后这个Table里的TD不指定width,则可以按TD数量平均分配宽度(不管TD里头内容多还是少),这样你在这样的里层TD里再嵌checkbox就可以了。
------解决方案--------------------
实地试过可以的呀:

<td>
<div class="day"> <input type="checkbox" value="checkbox" onclick="chkChange(this, '2008/04/03');" />2008/04/03 </div>
<div class="day"> <input type="checkbox" value="checkbox" onclick="chkChange(this, '2008/04/04');" />2008/04/04 </div>
<div class="day"> <input type="checkbox" value="checkbox" onclick="chkChange(this, '2008/04/05');" />2008/04/05 </div>

<div class="day"> <input type="checkbox" value="checkbox" onclick="chkChange(this, '2008/04/11');" />2008/04/11 </div>

...
</td>



.day 
{
float:left;
text-align:center;
width:25%;
}