码迷,mamicode.com
首页 > 其他好文 > 详细

设置不定宽高的div垂直水平居中

时间:2020-02-14 16:03:48      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:宽高   flex   enter   cell   div   ati   translate   ica   ddl   

1、使用table-cell
父级设置: display: table-cell; text-align: center; vertical-align: middle;
子级设置: display: inline-block; vertical-align: middle;
2、使用transform
父级设置:display: relative;
子级设置:transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%;
3、使用flex
父级设置:display: flex; justify-content: center; align-items: center;

设置不定宽高的div垂直水平居中

标签:宽高   flex   enter   cell   div   ati   translate   ica   ddl   

原文地址:https://www.cnblogs.com/xiaodiao/p/12307524.html

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