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

标签：宽高   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