如何在ie7中使用html和css水平和垂直居中IMG标记?

如何在ie7中使用html和css水平和垂直居中IMG标记?,html,css,internet-explorer-7,Html,Css,Internet Explorer 7,我在html中放入“a”标记,并添加相对于它的位置,然后在“a”标记中添加“img”标记,并将绝对位置、左0、右0、上0、下0、边距自动添加到“img”标记 此代码在ie7中不起作用。在其他浏览器中,它可以正常工作 我的代码有什么问题 我创建代码如下: HTML: 谢谢。不确定它是否工作,但尝试添加溢出:隐藏要使用a标记的样式要将元素居中,请使用以下代码段: .centered { position: based on your choice; top: 50%; left: 50%

我在html中放入“a”标记,并添加相对于它的位置,然后在“a”标记中添加“img”标记,并将绝对位置、左0、右0、上0、下0、边距自动添加到“img”标记

此代码在ie7中不起作用。在其他浏览器中,它可以正常工作

我的代码有什么问题

我创建代码如下:

HTML:


谢谢。

不确定它是否工作,但尝试添加
溢出:隐藏
要使用
a
标记的样式

要将元素居中,请使用以下代码段:

.centered {
  position: based on your choice;
  top: 50%;
  left: 50%;
  margin-top: -(element_height/2);
  margin-left: -(element_width/2);
}

不太清楚你在这里想要实现什么。是否希望“a”标记比其中的图像更高、更宽,然后使其在“a”标记内水平和垂直居中?
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;
}
.centered {
  position: based on your choice;
  top: 50%;
  left: 50%;
  margin-top: -(element_height/2);
  margin-left: -(element_width/2);
}