css - 我怎样才能让 Chrome 和 Firefox 一样对待浮动周围的表格？

Question

我正在研究一种将右浮动图像向下移动并让内容环绕顶部、侧面和底部的方法。

然后因为我想要一个垂直居中的内容要点，我决定使用单行表。（我找不到不使用表格的方法......）

那时我意识到 Chrome 和 Firefox 不会将表格包裹在浮动元素周围。事实上，Chrome 做得对，而 Firefox 却没有。

有没有办法让它们保持一致？

请参阅http://jsfiddle.net/XPd9J/49/并更改结果的宽度以了解我的意思。

<div id="leftfloater"></div>
<div id="rightfloater"></div>
<table>
    <tr>
        <td class="centerbullet">
            <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-arrow-left-icon.png" />
        </td>
        <td>
            Watch behavior when changing result width. Fox != Chrome!
        </td>
    </tr>
</table>

（使用 Chrome 29.0.1547.66 m 和 FF 23.0.1）

Answer 1

哇，这很奇怪。但在这种特定情况下，添加似乎table{clear:left;}会使 Firefox 的行为更像 Chrome。