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

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 3979 days ago, the information mentioned may be changed or developed.

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

3 replies

lifang

Jun 24, 2015

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

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

eeeeeeve

Jun 24, 2015

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

ThomasChan

Jun 25, 2015