一、如何让一个不定宽高的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;} ???
HTML和CSS必须知道的重点难点问题
原文地址:https://www.cnblogs.com/JeneryYang/p/8485044.html