4

次の例を参照してください。

http://6329195.com/stackoverflow/css_li_weird/index.html

ページを更新すると、ときどき画像の 1 つが下に移動し、他の画像と明らかにずれることがあります。Firefox では発生しないようです。それはたまにしか起こりません。ほとんどの場合、最後の画像で発生しますが、一度に複数の画像で発生する可能性があります。ここで問題のスクリーンショットを表示できます。

ここに画像の説明を入力

http://6329195.com/stackoverflow/css_li_weird/screenshot.jpg

何が間違っているのか、なぜこれが起こるのか教えてもらえますか?

(リストは最終的に jQuery スライドショーに使用されるため、a タグの href は空白です)

4

1 に答える 1

1

同様の質問の回答vertical-align: top;により、どちらが機能しているように見えるかを試してみました。したがって、何らかの理由で保持する必要がある場合overflow:hidden;、これはグリッチ/バグを防ぐ方法である可能性があります.

作業例: http://jsfiddle.net/rtppE/2/

li.productMenuItem{
    vertical-align: top;
    width: 45px;
    display:inline-block;
    list-style: none;
    height: 45px;
    overflow: hidden
}
于 2013-01-01T20:47:46.633 に答える