CSS - 顯示錶格單元格不能正確呈現自定義HTML標記

Question

我已將<td>替換爲<custom-tag>，然後在我的CSS中我有custom-tag { display: table-cell; }，但Chrome和Firefox似乎都從表格中移除了該元素。 什麼好顯示：表格單元如果不是這樣的？

<table> 
    <tr> 
    <span style="display:table-cell"></span> 
    <span style="display:table-cell"></span> 
    <span style="display:table-cell"></span> 
    </tr> 
</table> 

之所以不使用<td>是我想實現一個Can.js組件。但那不是重點。

http://jsfiddle.net/zNj5C/

Answer 1

也許其他各地的道：

<div style="display: table;"> 
    <div style="display: table-row;"> 
     <span style="display:table-cell"></span> 
     <span style="display:table-cell"></span> 
     <span style="display:table-cell"></span> 
    </div> 
</div>