一、如何让一个不定宽高的div,垂直居中?
1、使用flex布局,只需要在盒子的父级设置如下代码即可:
.className{ display:flex; justify-content:center; align-items:center; }
2、使用css3transform布局:
父级盒子设置:
{
position:relative;
}
div设置:
{
transform:translate(-50%,-50%); position:ansolute; top:50%;left:50%;
}
3、使用 display:table-cell 方法
父级盒子设置:
{ display:table-cell; text-align:center; vertical-align:middle; }
div设置:
{ display:inline-block; vertical-align:middle; }