今天我們來學習一下在CSS里面如何實現居中。 首先，我們要知道居中分為水平居中和垂直居中。 對于水平居中，我們可以使用text-align屬性來實現。我們只需要在要居中的元素的父元素上設置text-align: center;即可。比如：

父元素 {
text-align: center;
}

這樣子，父元素下的所有子元素都會水平居中。 那么，如果我們想讓一個塊級元素水平居中的話，可以將它的寬度設置為固定值（比如800px），再在父元素上設置text-align: center;，就能輕松實現水平居中了。比如：

父元素 {
text-align: center;
}
子元素 {
width: 800px;
margin: 0 auto;
}

margin: 0 auto;這一行代碼的作用是將這個子元素向左和向右都等距離地擠，從而實現水平居中。 接下來，我們來看看垂直居中怎么實現。 對于單行文本的垂直居中，我們可以使用line-height和height兩個屬性來實現。我們只需要在要居中的元素上設置line-height和height值相等，就能實現單行文本的居中。比如：

元素 {
line-height: 40px;
height: 40px;
}

這些代碼的意思是元素的高度為40px，而行高也為40px，因此單行文本就能水平居中了。 對于多行文本的垂直居中，我們可以使用display: table-cell;和vertical-align: middle;這兩個屬性來實現。 首先，我們需要將要居中的元素的父元素設置為display: table;，再將要居中的元素設置為display:table-cell;和vertical-align: middle;，就能實現多行文本的居中了。比如：

父元素 {
display: table;
}
子元素 {
display: table-cell;
vertical-align: middle;
}

這些代碼的意思是將父元素變為表格，然后將子元素也變為表格單元格，其中vertical-align: middle;這一行代碼的意思是讓單元格垂直居中。 總之，掌握了這些技巧，就能輕松實現CSS的居中了。