-1

画像の背景位置を背景画像の左 50% 中央に配置しますが、絶対配置要素の左 50% では div 要素が中央に配置されないのはなぜですか?

コードは次のとおりです。

 <div style="position:relative;height:100px; background:url(images/demo.jpg) no-repeat 50% 0">
      <div style="min-height:40px; width:140px; background-color:#aaa;position:absolute;top:0;left:50%;">
            heloo this is just a demo
      </div>
  </div>

このコードを実行してください！

4

2 に答える 2

0

img をブロック要素にして、左にフロートさせます。

display: table を親 div に使用し、display: table-cell & vertical-align: middle を img に使用できます。これは中央揃えにするのに役立つ場合があります。

display: table-cell;
vertical-align: middle;
于 2013-02-26T11:17:26.483 に答える
0

コードがないと問題を理解するのは難しいですが...

要素を絶対配置すると、その親要素に対して相対的に配置されます。親要素に正しいレイアウト (幅、高さposition: relativeなど) が適用されていることを確認すると、違いがわかるはずです。

于 2013-02-26T11:22:33.733 に答える