1

右に浮いた画像を下に移動し、コンテンツを上、横、下に折り返す方法を検討していました。

次に、コンテンツの縦中央に箇条書きが必要だったので、1 行の表を使用することにしました。（表を使わないと仕方がなかった…）

そのとき、Chrome と Firefox では、float 要素を同じようにテーブルでラップしていないことに気付きました。実際、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 を使用)

4

1 に答える 1

0

うわー、それは奇妙です。しかし、追加table{clear:left;}すると、この特定のケースでは Firefox が Chrome のように動作するようになります。

于 2013-09-04T17:35:39.670 に答える