课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
为什么大家都是按照例子来做，出来的效果不就是相对于父块吗？怎么样相对与窗口居中啊？
2016-11-28
源自：初识HTML(5)+CSS(3)-升级版 15-9
正在回答
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>伪中间</title>
<style type="text/css">
.s1{width:80%;
height: 10%;
margin: 0 10% 0 10%;
position: fixed;
top:50%;
text-align: center;
}
</style>
<body>
<div class="s1">
123
</div>
</body>
</html>
慕用9345534 提问者
慕粉1549598811 回复 慕用9345534 提问者
艳丑 回复 慕粉1549598811
#girl{position:absolute;top:50%;transform:translateY(-50%);}
<div id="girl"> <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/> </div>
查了一下，如果要对浏览器窗口垂直居中，加上上面那行CSS就可以解决问题。不过我感觉题目的本意应该不是要窗口垂直居中，因为这样就必须涉及到获取窗口本身的高度，这个似乎只能用绝对定位和百分比来完成。
艳丑
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
4 回答请问这个块元素水平居中是相对于浏览器 还是相对于父元素？
2 回答相对于以前窗口位置移动
1 回答屏幕内的网页窗口指的什么？和浏览器窗口有什么差别
6 回答屏幕内的网页窗口指的什么？和浏览器窗口有什么差别
5 回答关于浏览器的问题
