V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
eeeeeeve
V2EX  ›  CSS

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

  •  
  •   eeeeeeve · 2015-06-24 04:37:32 +08:00 · 3247 次点击
    这是一个创建于 3427 天前的主题,其中的信息可能已经有所发展或是发生改变。
    可以用css解决这个问题么,如何解决?
    lifang
        1
    lifang  
       2015-06-24 09:00:07 +08:00
    position:absolute;
    top:50%;
    left:50%;
    margin-top: -子元素一半高度;
    margin-left: -子元素一半宽度;


    这样是水平垂直方向都居中了
    eeeeeeve
        2
    eeeeeeve  
    OP
       2015-06-24 17:51:14 +08:00
    @lifang top:50%没有考虑子元素尺寸啊, 在css中是否可以把子元素的中线和页面中部重合呢?
    top 50% 子元素上部和页面中部重合,不是子元素中部和页面中部重合啊
    ThomasChan
        3
    ThomasChan  
       2015-06-25 12:07:49 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1948 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 00:32 · PVG 08:32 · LAX 16:32 · JFK 19:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.