1

私のコードを思い通りにレンダリングするブラウザは Chrome だけのようです。

境界線のサイズが大きくなるにつれて（FFおよびIEで）変化していることに気付いた場合でもposition:absolute、クロムでは影響を受けません（これはまさに私が望んでいることです）。

これがデモです。違いを確認するには、chrome/ie/ff で試してください。

このすべての黒魔術の主な目的は単純です。.thumb:after常に の中心にいる必要があり.thumbます。より良い方法を知っているなら、私に知らせてください。

4

2 に答える 2

2

編集: 修正済み -- FF と Chrome でチェックイン (新しいバージョンの IE はありません)

http://jsfiddle.net/AyCKU/8/

margin: 0 auto を取り出し、上と左と負のマージンに % を使用してそのままにしました。

基本的に: CSS の垂直方向のセンタリングの方法の 1 つ (50% と負のマージンを使用) を使用し、それを垂直方向と水平方向の両方のセンタリングに適用しました。

于 2012-07-17T01:28:33.730 に答える
0

Chrome + FF で少しいじって、変更した場合に気付きました:

.item .thumb:after

位置を固定に変更して適切に中央に配置すると、両方のブラウザーで機能します。

IEで試してみて、うまくいくかどうか教えてください..

于 2012-07-17T01:01:42.967 に答える