关于CSS图片居中问题

2024-12-29 14:46:02
推荐回答(5个)
回答1:

.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;

/*设置水平居中*/
text-align:center;

/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/

width:200px;
height:200px;
border: 1px solid #eee;
}
.box img {
/*设置图片垂直居中*/
vertical-align:middle;
}
你看看这个方法可以不?

回答2:

三种方法:
1.
#logonav{
clear:both;
float:left;
width:200px;
height:115px;
_height:131px;
*height:131px;
padding-top:25px;
text-align:center;
border-left:1px #CCC solid;
border-right:1px #CCC solid;
border-bottom:1px #CCC solid;
}
#logonav img{
margin:auto;
clear:both;
}

2.
用padding也是也是可以的,padding-left多少像素,就要在#logonav的宽度里减去多少像素,div的实际宽度是width + padding-left + padding-right。

3.
#logonav img{
margin-left:这里输入合适的像素数;
}

回答3:

你给图片加css代码:img{border:0px;padding-top:25px;}

回答4:

代码贴的太少了

回答5:

图片居中还有一种方法,就是给图片一个 margin:0 auto;属性。
有很多方法,但我用这个方法,成功居中了,你可以多试试。