怎么能让div中的图片垂直居中

发布网友 发布时间：2022-04-23 23:52

我来回答

共5个回答

热心网友 时间：2022-05-12 21:56

一般来说你s1这个div是多余你，如果没有特殊的设计效果的话，直接这样就行了，不要写多余的标签嵌套：
<div class="S">
<img src="asd.gif">
<div class="S2">购物车功能</div>
</div>

1.给div或图片设置内外边距把图片挤下去

2.图片不是连接，可以不用img标签，改为div的背景图，在css背景设置里面可以设置类似：
background:url(youbj.jpg) no-repeat 10px 45px;的方式或left、center等参数来调整背景位置。
(具体请自行百度：background背景定位)

3.class="s"那个div的css设上相对定位属性。img的样式设置绝对定位，然后用：left:20px;top:30px;的方式来调整位置。

热心网友 时间：2022-05-12 23:14

S1{ height:350px; overflow:hidden;
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;

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

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

热心网友 时间：2022-05-13 00:48

去掉s1那个div然后加入 .s img{vertical-align:middle}

热心网友 时间：2022-05-13 02:40

<img src="asd.gif" style="vertical-align:middle;" />

热心网友 时间：2022-05-13 04:48

加入下列样式：

.S1 img{line-height:350px;text-align:center;}

试试