CSS層里的左右居中經常被用來實現頁面的布局效果,下面介紹兩種實現方式。
第一種方式是使用text-align:center
來實現子元素在父容器中水平居中。
.parent{
text-align:center;
}
.child{
display:inline-block;
}
此時,父容器里的子元素會水平居中顯示。
第二種方式是使用margin:auto
來實現子元素在父容器中水平居中。
.parent{
position:relative;
}
.child{
position:absolute;
left:0;
right:0;
margin:auto;
}
此時,父容器里的子元素會水平居中顯示,并且這種方式適用于父容器寬度已知的情況。
綜上所述,左右居中可以使用text-align:center
和margin:auto
兩種方式實現,具體應用需要根據實際情況進行選擇。
上一篇css層標簽樣式
下一篇css層如何有下拉滾動條