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

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

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

慕粉1467879364

2016-07-10

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

关注问题我要回答

2570

操作

收起

2 回答

来离回答被采纳 +3 积分
2016-07-10

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

我的做法就是模仿前面的示例，将这个div放在table里面就行了，至于class的名称就使用原来的了，懒得写，也没必要

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

#1

这样子根本没有相对于浏览器居中好不，你点开全屏看一下就知道了。你这个只是相对于<td>标签垂直居中了

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

#2

来离回复奇谋007

前段时间没有上慕课网，没看到。看了你的回复，我特意去查了一下。垂直居中是指文字或图片等上下间距相等，和左右无关；水平居中是指文字左右间距相等，无论上下。你想要的效果应该是垂直水平居中（在浏览器中心），虽然题目说相对于浏览器垂直居中，但是没要求水平也居中。

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

#3

不二馆四叶回复来离

只是相对于容器居中了，没有相对于浏览器

2016-12-05 回复有任何疑惑可以回复我~

慕粉1467879364 提问者
2016-07-10

谢谢,我懂了,刚才我新设了一个class,然后忘给他设高度了,

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

#1

我还是不懂……能不能也给我讲讲。就像上面说的，上面代码没有相对于浏览器居中啊

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

#2

来离回复慕粉3553147

我在上面做了回复，可以看一下

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

#3

慕神1849251 回复来离

我也没懂代码输进去以后也没有相对浏览器垂直居中。。他还是老老实实的待在文字下方没挪窝

2017-02-12 回复有任何疑惑可以回复我~

查看1条回复

举报

0/150

提交

取消

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

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

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

本课相似问答

4 回答图片垂直居中

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

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

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

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

搜索更多本课相关问答

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

我要回答关注问题

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

帮助反馈 APP下载

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

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