Столбец не влияет на таблицу

Свойство column-count не влияет на таблицу.
HTML:Столбец не влияет на таблицу

<table> 
    <tr><td>Key</td><td>Value</td></tr> 
    <tr><td>Key</td><td>Value</td></tr> 
    <tr><td>Key</td><td>Value</td></tr> 
    <tr><td>Key</td><td>Value</td></tr> 
    <tr><td>Key</td><td>Value</td></tr> 
    <tr><td>Key</td><td>Value</td></tr> 
    <tr><td>Key</td><td>Value</td></tr> 
    <tr><td>Key</td><td>Value</td></tr> 
    <tr><td>Key</td><td>Value</td></tr> 
</table>

CSS:

table{ 
    -moz-column-count: 3; /* Firefox */ 
    -webkit-column-count: 3; /* Safari and Chrome */ 
    column-count: 3; 
} 
td{ 
    border:2px #000 solid; 
}

Fiddle: http://jsfiddle.net/8rydn/

Update:
Если column-count не является хорошим вариантом для использования на <table>, есть лучший способ перемещения 3 <tr> s на каждую строку?

источник

2013-05-27 Mooseman

Я не думаю, что он должен использоваться для таблиц. Какая у вас цель? –

@dystroy Я хочу 3 столбца '' s. – Mooseman

Вы можете заставить его работать в Chrome и Opera, установив таблицу блокировки, но не Firefox: http://cssdeck.com/labs/2uqtomam – cimmanon

От w3c

Column Count Применяется: незамещаемым блочные элементы (за исключением элементов таблицы), ячеек таблицы и встроенный блок элементов

источник

2013-05-27 19:10:10

-4

громоздки, но мне кажется, работать.

<div style="-moz-column-count: 3; -webkit-column-count: 3; column-count: 3}"> 
    <table><tr><td style="width: 150px">key</td><td>value</td></tr></table> 
    <table><tr><td style="width: 150px">key</td><td>value</td></tr></table> 
    <table><tr><td style="width: 150px">key</td><td>value</td></tr></table> 
    <table><tr><td style="width: 150px">key</td><td>value</td></tr></table> 
</div>

источник

2013-07-13 18:58:34 user287424

Если у меня будет несколько элементов таблицы, я бы использовал элементы span или div. – Mooseman

Столбец не влияет на таблицу

ответ

Смежные вопросы