如何指定表中的列数

Question

我的表设置如下：

 <table border="0">
 <tbody>
 <tr>
 <td>*ITEM ONE*</td>
 <td>*ITEM TWO*</td>
 <td>*ITEM THREE*</td>
 <td>*ITEM FOUR*</td>
 </tr>
 <tr>
 <td>*ITEM ONE*</td>
 <td>*ITEM TWO*</td>
 etc.....

我希望我的项目能够出现在四个列中。但是，当我想重新安排这些项目时，将它们复制并粘贴到我需要的<tr>并将所有内容向前推进变得非常繁琐。

我怎样才能做到这样我只需写一些像

这样的东西

 <table border="0">
 <tbody>
 <td>*ITEM ONE*</td>
 <td>*ITEM TWO*</td>
 <td>*ITEM THREE*</td>
 <td>*ITEM FOUR*</td>
 <td>*ITEM ONE*</td>
 <td>*ITEM TWO*</td>
 etc.....

它们会自动显示在四列中 - 所以当我添加一个项目时 - 其他项目只是根据需要移位或进入下一行？

谢谢！

Answer 1

基本上，您可以使用CSS来执行此操作。查看演示的Fiddle。

Answer 2

据我所知，没有办法，但你可以使用设置为显示为内联块的元素来实现。例如，将外部div设置为100px宽，然后将内部div设置为显示为内联块和25px（或25％）宽。

注意：对于内联块和精确测量，您需要小心div之间的空间，因为它们也会占用额外的空间。