为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

http://img1.sycdn.imooc.com//56e59b6c0001413608870519.jpg

正在回答

3 回答

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

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

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

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

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


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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227352    人
  • 解答问题       18248    个

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

进入课程

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

我要回答 关注问题
微信客服

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

帮助反馈 APP下载

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

公众号

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