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

如何设置图片垂直居中

怎么设置上面文字和小女孩在全屏模式下垂直居中

绿野仙踪yy

2016-03-14

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

关注问题我要回答

478

操作

收起

3 回答

程序媛ing
2016-04-04

按照

<div>

</div></td></tr></tbody></table>

这样写了之后无论全屏还是不是全屏都是垂直居中的，垂直居中就是指这个图片离表格的顶部和底部距离相等，而不是相对于整个页面。

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

收起回答

十月的天空城
2016-03-14

就是在图片的标签<div>前面加上<table><today><tr><td class="wrap">

</table></today><tr><td> 这样就行了因为这是水平的垂直居中

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

收起回答

慕圣2260377
2016-03-14

<table><tbody><tr><td class="wrap">
<div>
    <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
</div></td></tr></tbody></table>

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

收起回答