CSS-使用自定义HTML标记无法正确显示表格单元格

我将

替换为

，然后在CSS中我有

自定义标记{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>

不使用

的原因是我想实现一个Can.js组件。但这不是重点

---

也许相反：

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