首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎样控制table里每个格子显示指定数量的元素?该怎么处理

2012-03-24 
怎样控制table里每个格子显示指定数量的元素?具体来说,我在一个TD里要显示很多个checkbox。但是让他自动

怎样控制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%;
}

热点排行