CSS可以讓我們輕松地控制元素的位置，其中一種比較常見(jiàn)的是居中顯示。下面介紹一下如何使用CSS控制左右居中顯示

.center {
position: absolute;
left: 50%;
transform: translateX(-50%);
}

這里我們使用了三個(gè)屬性：position、left和transform。

position用來(lái)設(shè)置元素的定位方式，這里我們?cè)O(shè)置為絕對(duì)定位，這樣才能使用left屬性進(jìn)行居中顯示；

left屬性用來(lái)設(shè)置元素左側(cè)距離父元素左側(cè)的距離，這里我們?cè)O(shè)置為50%；

transform屬性則用來(lái)進(jìn)行坐標(biāo)系的轉(zhuǎn)換，這里我們使用translateX函數(shù)來(lái)將元素向左平移50%的寬度，實(shí)現(xiàn)居中顯示的效果。