absolute position 布局中，可否不通过 JS 做到让子元素在竖直方向上居中呢？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3448 天前的主题，其中的信息可能已经有所发展或是发生改变。

可以用css解决这个问题么，如何解决？

3 条回复

lifang

2015-06-24 09:00:07 +08:00

position:absolute;
top:50%;
left:50%;
margin-top: -子元素一半高度;
margin-left: -子元素一半宽度;

这样是水平垂直方向都居中了

eeeeeeve

2015-06-24 17:51:14 +08:00

@lifang top:50%没有考虑子元素尺寸啊, 在css中是否可以把子元素的中线和页面中部重合呢?
top 50% 子元素上部和页面中部重合，不是子元素中部和页面中部重合啊

ThomasChan

2015-06-25 12:07:49 +08:00