CSS元素的居中是網頁設計中經常遇到的問題，下面介紹一些方法。

//水平居中：
// 對于塊級元素，可將其margin-left和margin-right都設置為auto
// 對于行級元素，可將其父級元素的text-align設置為center
.block{
margin:0 auto;
}
.parent{
text-align:center;
}
.inline{
display:inline;
}
//垂直居中：
// 對于單行的行內元素，可將line-height值等于容器高度
// 對于多行的行內元素，可使用display:table和display:table-cell實現
.parent{
height:300px;
line-height:300px;
}
.inline{
display:inline;
}
.parent{
display:table;
}
.child{
display:table-cell;
vertical-align:middle;
}
//水平垂直居中
// 使用flex布局實現，要求父元素為塊級元素
.parent{
display:flex;
justify-content:center;
align-items:center;
}
.child{
width:100px;
height:100px;
}

以上是一些常用的元素居中方法，可以根據實際情況選擇合適的方式。