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

2015-06-24 04:37:32 +08:00
 eeeeeeve
可以用css解决这个问题么,如何解决?
3104 次点击
所在节点    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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/200685

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX