0

さて、垂直方向の位置合わせとテキスト位置合わせのプロパティを使用して、このレスポンシブ画像を中央に配置しようとしましたが、うまくいきませんでした。誰かが私が間違っていることを教えてもらえますか。画像をページの真ん中に縦横に配置したいです。

<div class="circle">
     <div class="bl-circle" style="z-index:9999;">
          <a href="http://www.leedsrush.com"><img src="images/Circular.png" onmouseover="this.src='images/leeds.png'" onmouseout="this.src='images/Circular.png'" style="width:100%; height:100%;"/>
          </a>
      </div>
</div>

.bl-circle{
    position: absolute;
    max-width:250px;
    max-height:250px;
    height:100%;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.circle{


}
4

1 に答える 1

0

私はこのチュートリアルをチェックアウトします：

http://pmob.co.uk/pob/hoz-vert-center.htm

これは、ページの要素を中央に配置しようとするときに使用するものです。毎回魅力的に機能します。特に、要素の幅と高さがわからない場合の下部の例です。

于 2013-08-16T15:33:42.953 に答える