图像(绝对定位)在相对定位容器中的水平中心

Question

我想在一个相对定位容器中对绝对定位图像进行水平居中。我试着使用css。但我做不到，我在Jquery做了

http://jsfiddle.net/CY6TP/ --这是我在Jquery中尝试做的

`的人能帮我用CSS.‘做这个吗？

提前感谢

Answer 1

您可以在css中设置如下所有内容：

a{
position : absolute ;
height : 10px;
width : 100px;
top : 50%; 
margin-top : -5px;
left : 50%; 
margin-left : -50px;}

演示

Answer 2

试试这个：

var width=$('.main').width();
var height=$('.main').height();


$('a').css(
{
"position":"absolute",
"bottom":"50%",
"margin-top":(height/2),
"left":(width/2)-50

});

演示

更新

在CSS中

.main a{
   bottom:50%;
    margin-top:-150px;   
    position:absolute;
    left:75px;
}

演示

Answer 3

试着把它变成水平中心

a{
    position: absolute;
    text-align: center;
    width: 100%;
}

或者这个使它在水平和垂直两个中心

a {
    height: 100%;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}