HTML和CSS必須知道的重點難點問題
阿新 • • 發佈:2018-02-28
ati line justify play 布局 16px nbsp vertica inline
一、如何讓一個不定寬高的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必須知道的重點難點問題