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

所以要设置图片在DIV中水平，垂直都居中要怎么做？

水平居中是｛text-align:center;｝。
文字的话可以设置 line-height = div的height 就能垂直居中 
图片就不知道了

Bulala_

2016-03-10

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

关注问题我要回答

558

操作

收起

4 回答

Bulala_ 提问者
2016-03-10

自己找到了解决办法不过还是谢谢回答的小伙伴

/*非IE的主流浏览器识别的垂直居中的方法*/

display: table-cell;

vertical-align:middle;

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

#1

也不是非IE的浏览器只是在 chrome、firefox 及 IE8 以上的浏览器下可以

2016-03-10 回复有任何疑惑可以回复我~

季末1126
2016-03-10

添加table标签

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

#1

Bulala_ 提问者

在哪儿加？话说table不是表格吗

2016-03-10 回复有任何疑惑可以回复我~

Bulala_ 提问者
2016-03-10

代码跟效果有知道的帮我看一下吧谢谢谢谢

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

jia大神
2016-03-10

也是 {text-align；center;}

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

#1

Bulala_ 提问者

我试了一下貌似是不行的。我故意把DIV设置比较大的宽高整个弄成红色看效果图片左右是居中了但是是贴着上面的上下没居中

2016-03-10 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

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

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

本课相似问答

3 回答文字水平垂直居中

5 回答图片水平居中

3 回答设置水平居中

1 回答水平居中设置

3 回答水平居中设置

搜索更多本课相关问答

所以要设置图片在DIV中水平，垂直都居中要怎么做？

我要回答关注问题

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

帮助反馈 APP下载

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

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