CSS是前端開發中非常重要的一部分，其中居中靠底的技巧十分常見。下面我們就來詳細講解一下。

/*水平居中*/
div{
width:100px;
height:100px;
position:relative;
left:50%;
margin-left:-50px; /*元素寬度的一半*/
}
/*垂直居中*/
div{
width:100px;
height:100px;
position:relative;
top:50%;
margin-top:-50px; /*元素高度的一半*/
}

使用CSS讓元素水平居中，我們需要在元素選擇器中加入以下屬性：

position:relative;
left:50%;
margin-left:-50px; /*元素寬度的一半*/

要讓元素垂直居中，我們在元素選擇器中加入以下屬性：

position:relative;
top:50%;
margin-top:-50px; /*元素高度的一半*/

另外，我們還可以使用flex布局來更簡單地實現居中靠底的效果。

/*容器*/
.container{
display:flex;
justify-content:center; /*水平居中*/
align-items:flex-end; /*靠底*/
}
/*元素*/
.container div{
width:100px;
height:100px;
}

以上就是CSS居中靠底的詳細講解，希望對你有所幫助。