Firefox CSS 表格单元格内部 div 不正确答案

【问题标题】：Firefox CSS table-cell inner div incorrectFirefox CSS 表格单元格内部 div 不正确
【发布时间】：2014-01-06 04:12:12
【问题描述】：

我有一个使用 CSS 设置的表格，如下所示：

<div id="page" class="table">
    <div class="row">
        <div class="cell">
            <div class="project" id="project-id">
                <a class="fancybox" rel="project-id" href="project-id/image.jpg"><img src="project-id/image.jpg" /></a>
            </div>
        </div>
    </div>
</div>

一行有4个<div class="cell">，一共有4行。这在 Safari、Chrome 和 Opera 中正确显示。我现在无法在 IE 上进行测试，因为我没有 Windows 计算机，但是当我有机会时，我会...

我将页面上传到此 URL：http://schdri.comuv.com/

加载需要很长时间，所以请给它一些时间！非常感谢您的帮助。

【问题讨论】：

请在您的问题中包含相关的 CSS。您还可以使用 jsFiddle 之类的东西来准确展示您要在这里实现的目标......

标签： jquery html css firefox css-tables

【解决方案1】：

为什么不使用<table> 标记呢？它应该适用于所有浏览器，并且很容易在 CSS 中格式化。

<table>
    <tr> <!-- table row -->
        <td> <!-- table cell -->
            <!-- cell content here -->
        </td>
    </tr>
</table>

您可以查看<table> 规范here。

【讨论】：