用 CSS 實現元素垂直居中,有哪些好的方案?


1.不知道自己高度和父容器高度的情況下, 利用絕對定位只需要以下三行:

parentElement{
position
:relative;
}

childElement
{
position
: absolute;
top
: 50%;
transform
: translateY(-50%);

}


2.若父容器下只有一個元素,且父元素設置了高度,則只需要使用相對定位即可

parentElement{
height
:xxx;
}

.childElement
{
position
: relative;
top
: 50%;
transform
: translateY(-50%);
}

 

 

技術交流QQ群:15129679


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
  © 2014-2022 ITdaan.com 联系我们: