美文网首页
垂直居中

垂直居中

作者: hhg121 | 来源:发表于2017-07-27 20:28 被阅读4次

    垂直居中

    .parent > .child

    1. .parent 定高
    2. .child 高度不确定,垂直居中

    要点1

    不要让 .parent 定高!

    使用 padding 和 line-height 即可!

    要点2

    如果你 .parent 不得不定高(如全屏高度)

    你有如下方法:

    1. table
    2. 100% inline block
      http://js.jirengu.com/poveg/3/edit
    3. div 装 tble
    4. margin-top -50%
    5. translate -50%
    6. absolute margin auto
    7. flex

    相关文章

      网友评论

          本文标题:垂直居中

          本文链接:https://www.haomeiwen.com/subject/adjtlxtx.html