我怎样才能让Chrome和Firefox对着花车周围的表格相同?

问题描述 投票:1回答:1

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

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

就在那时,我意识到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)

css html-table css-float
1个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.