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

怎么把图片设置为相对于浏览器窗口垂直居中？

浏览器窗口并没有固定高度，怎么设置垂直居中呢？

ToniaQi

2016-05-11

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

关注问题我要回答

1437

操作

收起

3 回答

黑色旋风
2016-06-20

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

把table脱离文档流，再把高度设成100%，利用td的默认垂直居中即可把图片相对浏览器视图垂直居中。。

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

收起回答

慕容8210283

为什么在css里写table：{position:absolute; left:0; top:0; height:100%;}没有效果

2020-03-29 回复有任何疑惑可以回复我~

预言家0
2016-06-11

用text-align:"center"

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

收起回答

qq_我_30

那是水平分清楚

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

慕粉3234930
2016-05-11

<table>

<tbody>

</td></tr>

</tbody>

</table>

CSS:

table td{height:600px};

这里的高度自己随便设置，因为table标签默认vertical-align属性为middle，所以不用可以写出来

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

收起回答

慕粉3442477

没效果

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

慕容8210283

没效果

2020-03-29 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 1227261 人
解答问题 18247 个

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

进入课程

本课相似问答

4 回答图片垂直居中

4 回答把图片设置在居中位置怎么设置？

1 回答关于垂直居中的设置

2 回答帮帮忙，谢谢，怎样把图片垂直居中？

2 回答如何设置文字垂直居中

搜索更多本课相关问答

怎么把图片设置为相对于浏览器窗口垂直居中？

我要回答关注问题

热搜

最近搜索清空

怎么把图片设置为相对于浏览器窗口垂直居中？

3 回答

本课相似问答

怎么把图片设置为相对于浏览器窗口垂直居中？