2015-04-25 20 views
1

指定柱的侧向承载力数我有一个表设置如下:如何在表

<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..... 

我想我的项目出现四个colums他们所。然而,当我想重新安排物品时,将其复制并粘贴到我需要的<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..... 

而且他们会自动出现在四列 - 所以我添加一个项目 - 其他项目只是转移在或进入下一行如所须?

谢谢!

+1

你打开'bootstrap'吗?使用脚本语言?要么可以帮助。 –

+0

我没有使用引导程序。我宁愿不使用JavaScript。我希望这是一个简单的CSS设置,但可能不是。 – abagshaw

+0

我认为'CSS'可能有一种方法,但它会与'divs',而不是'tables'。 –

回答

2

基本上,你可以使用CSS来做到这一点。看看这个演示Fiddle

+0

谢谢你完美的工作! – abagshaw

+1

很高兴能帮到你! –

0

据我所知,没有办法做到这一点,但你可以用设置为显示为行内块的元素来做到这一点。例如,设置一个宽度为100px的外部div,然后将内部div设置为显示为内嵌块,宽度为25px(或25%)。

注意:对于嵌入块和精确测量,您需要注意您的div之间的空间,因为它们也会占用额外的空间。

+0

谢谢 - 这也是我最终做到的。 – abagshaw