CSS是一種樣式表語言，可以用來控制網(wǎng)站的布局和外觀。其中，居中是很常見的一種布局需求。接下來，我們就一起來學(xué)習(xí)CSS中如何設(shè)置居中。

在CSS中，居中分為水平居中和垂直居中兩種。下面分別介紹：

一、水平居中

/* 對(duì)于行內(nèi)元素 */
text-align: center;
/* 對(duì)于塊級(jí)元素 */
margin: 0 auto;

對(duì)于行內(nèi)元素，我們可以使用text-align屬性來實(shí)現(xiàn)水平居中。該屬性可用于文本、圖片和按鈕等行內(nèi)元素。

對(duì)于塊級(jí)元素，我們通常使用margin屬性來設(shè)置水平居中。其中，設(shè)置左右margin值都為auto，可以使元素在父容器中水平居中。

二、垂直居中

/* 對(duì)于單行文字 */
line-height: 父元素高度;
/* 對(duì)于單行元素 */
display: flex;
justify-content: center;
align-items: center;
/* 對(duì)于多行元素 */
display: table-cell;
vertical-align: middle;

對(duì)于單行文字，我們可以通過設(shè)置行高等于父元素高度來實(shí)現(xiàn)垂直居中。

對(duì)于單行元素，我們可以使用flex布局來實(shí)現(xiàn)垂直居中。其中，設(shè)置justify-content和align-items都為center，可以使元素在父容器中垂直居中。

對(duì)于多行元素，我們可以使用table布局來實(shí)現(xiàn)垂直居中。其中，將父元素設(shè)置為display: table，將子元素設(shè)置為display: table-cell，然后設(shè)置vertical-align屬性為middle，即可實(shí)現(xiàn)垂直居中。

以上就是CSS中居中設(shè)置的介紹，希望可以為大家提供幫助。