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

怎么实现相对于浏览器窗口垂直居中？怎样设置类wrap的height的值为浏览器窗口的高度？html+css15-7节。

怎样设置类wrap的height的值为浏览器窗口的高度？

我发现很多同学的代码（点赞很多的答案）运行后并没有做到任务的要求：相对于浏览器窗口垂直居中！

是窗口，不是在div中居中！！！

或者怎么实现图片相对于浏览器窗口垂直居中。就用html+css基础15-7这一节的知识，感谢。

星星3394050

2016-05-28

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

关注问题我要回答

1637

操作

收起

6 回答

甜酥泡沫回答被采纳 +3 积分
2016-06-12

用这一节的方法：

先在包裹图片的div外面加上table标签（包含table、tbody、tr、td）

然后在css里面写：

html,body,table,tbody,tr,td{height:100%};

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

收起回答

星星3394050 提问者

牛

2016-06-13 回复有任何疑惑可以回复我~

海阔天空亨回复星星3394050 提问者

按照上面说的你实现了？我怎么实现不了啊

2016-07-04 回复有任何疑惑可以回复我~

大块吃肉188

能不能解释一下这是什么意思

2016-07-04 回复有任何疑惑可以回复我~

黑色旋风
2016-06-20

<table style="position:absolute; left:0; top:0; height:100%;">

即可。。

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

收起回答

nineSean

<div style="position:absolute;top:0;height:100%;"> <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生" style="vertical-align:middle"/> </div> 任务区代码换成这样为何实现不了？

2016-07-06 回复有任何疑惑可以回复我~

星星3394050 提问者

@黑色旋风,可以的,不过没有积分给你了,给上边的朋友了

2016-07-09 回复有任何疑惑可以回复我~

星星3394050 提问者回复 nineSean

div它本身不会垂直居中用div你还得设置body跟html的height:100% 可以给div设一个背景色参照一下,即使div高度变成100% 图片也不是居中的是不是麻烦过头了?

2016-07-09 回复有任何疑惑可以回复我~