码迷,mamicode.com
首页 > Web开发 > 详细

css实现块级元素水平垂直居中的方法?

时间:2019-08-17 01:13:35      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:auto   size   play   水平   居中   center   上下   lex   inline   

父级给相对定位,子级给绝对定位,margin设置为auto,上下左右值设为0。

父级给相对定位,子级给绝对定位,设置left和top为50%,再向左和向上移动负的子级一半。

父级设置display:flex;justify-content: cneter;align-items: center;

父级设置display: table-cell;vertical-align: middle;text-align: center;子级设置display: inline-block;

css实现块级元素水平垂直居中的方法?

标签:auto   size   play   水平   居中   center   上下   lex   inline   

原文地址:https://www.cnblogs.com/wuqilang/p/11366993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!