列数不影响表

Question

该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;
}

小提琴:http ://jsfiddle.net/8rydn/

更新:
如果column-count不是在a上使用的好选项<table>,有没有更好的方法将3 <tr>秒移动到每一行？

Answer 1

来自w3c

列计数适用于:未替换的块级元素(表元素除外),表格单元格和内联块元素