垂直居中
作者:
hhg121 | 来源:发表于
2017-07-27 20:28 被阅读4次
垂直居中
.parent > .child
- .parent 定高
- .child 高度不确定,垂直居中
要点1
不要让 .parent 定高!
使用 padding 和 line-height 即可!
要点2
如果你 .parent 不得不定高(如全屏高度)
你有如下方法:
- table
-
100% inline block
http://js.jirengu.com/poveg/3/edit
- div 装 tble
- margin-top -50%
- translate -50%
- absolute margin auto
- flex
本文标题:垂直居中
本文链接:https://www.haomeiwen.com/subject/adjtlxtx.html
网友评论