让一个不定宽高的div垂直水平居中

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

你可能感兴趣的:(前端面试,css)