0

HTMLに「a」タグを配置し、それに相対的な位置を追加してから、「a」タグに「img」タグを追加し、絶対位置、左0、右0、上0、下0、マージン自動を「img」タグに追加します.

このコードは ie7 では機能しません。他のブラウザでは正常に動作します。

私のコードで何が間違っていますか?

次のようにコードを作成します。

HTML:

<a href="#" class="img-link-wrap"><img alt="Image 1" src="img/501.jpg"></a>

CSS:

a.img-link-wrap {
border: 1px solid #999;
display: block;
position: relative;
height: 11em;
width: 10em;
text-align: center;
}

a.img-link-wrap img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}

ありがとうございます。

4

2 に答える 2

0

要素を中央に配置するには、次のコードスニペットを使用します。

.centered {
  position: based on your choice;
  top: 50%;
  left: 50%;
  margin-top: -(element_height/2);
  margin-left: -(element_width/2);
}
于 2013-01-31T12:41:10.650 に答える
0

それが機能しているかどうかはわかりませんが、タグoverflow: hidden;のスタイルに追加してみてくださいa

于 2013-01-31T12:21:50.750 に答える