                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

图片居中为啥拍到上面去了啊？

直接设置样式，加上.images{ display:table-cell;/*IE8以上及Chrome、Firefox*/vertical-align:middle;/*IE8以上及Chrome、Firefox*/} 这两句话后，好像没看出图片居中的效果啊，为啥图片和文字跑到一排去了呢？求大神指点一下

漠然的笑

2016-03-14

源自：初识HTML(5)+CSS(3)-升级版 15-10

关注问题我要回答

688

操作

收起

3 回答

玖零儛回答被采纳 +3 积分
2016-03-18

table-cell会将元素作为一个表格的单元格显示，两个div都是单元格元素的话就像是表格的同一行上的元素了。试了下，我这里图片和左边那个灰色块来比较的话确实是垂直居中的。

1 回复有任何疑惑可以回复我~

猫子0712
2016-07-25

想看到效果，可以设置div的border属性为1px solid red,div的边框就可以显示出来，就能看到效果了

0 回复有任何疑惑可以回复我~

一二得二
2016-03-14

因为写了display:table-cell这条语句，这条语句会自动平均划分每个小模块，使其一行显示。

4 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1227352 人
解答问题 18248 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答图片怎么居中，想让图片居中

4 回答图片怎么居中

5 回答图片水平居中

4 回答图片垂直居中

3 回答为何文字“图片”无法居中

搜索更多本课相关问答

图片居中为啥拍到上面去了啊？

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号