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

图片相对于浏览器窗口垂直居中怎么写代码啊？

图片相对于浏览器窗口垂直居中怎么写代码啊？

需要设置绝对定位吗

兔子玮幻

2016-05-06

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

关注问题我要回答

3481

操作

收起

4 回答

黑色旋风回答被采纳 +3 积分
2016-06-20

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

请叫我答题狂魔= =

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

#1

慕后端6086325

完全错误

2017-03-17 回复有任何疑惑可以回复我~

#2

黑色旋风回复慕后端6086325

请问错在哪里呢 : )

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

#3

慕粉1046131173

对的~~~厉害！！~~谢谢但是，要把图片放在浏览器窗口水平居中，垂直居中呢？？？加了一条text-align:center;不能水平居中

2017-05-06 回复有任何疑惑可以回复我~

查看2条回复

慕后端6086325
2017-03-17

这节课是有问题的，讲的课和作业没关系，讲的垂直居中，但是做作业“相对浏览器垂直居”必须要用之前浮动中的绝对定位

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

#1

慕后端6086325

<style> img{ position:absolute; top:50%; }

2017-03-17 回复有任何疑惑可以回复我~

慕粉2126045346
2017-02-15

<style>

.wrap{height:300px;background:#ccc}

body{background:#ccc}

img{

position:absolute;

top:50%-;

}

</style>

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

地狱快车_666
2016-05-06

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>父元素高度确定的多行文本</title>

<style>

img{

position:absolute;

top:50%;

}

</style>

</head>

<body>

<div>

<img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>

</div>

</body>

</html>

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

#1

慕后端6086325

正解~~~~

2017-03-17 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

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

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

本课相似问答

4 回答图片垂直居中

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

4 回答关于图片居中的代码？

4 回答请问这个块元素水平居中是相对于浏览器还是相对于父元素？

2 回答图片怎么居中，想让图片居中

搜索更多本课相关问答

图片相对于浏览器窗口垂直居中怎么写代码啊？

我要回答关注问题

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

帮助反馈 APP下载

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

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