Как определить количество colums в таблице

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

Я хотел мои пункты появятся в четырех 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..... 

И они автоматически отображаются в столбцах четыре - так как я добавить элемент - другие элементы просто смещаться выше или в следующих строках по мере необходимости?

Спасибо!

Answer 1

В принципе, вы можете использовать CSS для этого. Посмотрите на это Fiddle, который демонстрирует.

Answer 2

Насколько я знаю, это невозможно сделать, но вы можете сделать это с помощью элементов, которые будут отображаться как встроенные блоки. Например, установите внешний div шириной 100px, а затем, чтобы внутренние divs отображались как inline-block и 25px (или 25%).

Примечание: с встроенными блоками и точными измерениями вы должны быть осторожны с промежутками между вашими div, так как они будут занимать дополнительную комнату.