CSS 左右自動(dòng)居中顯示是網(wǎng)頁開發(fā)中十分重要的一種技術(shù)。它可以使得頁面的布局更加美觀、統(tǒng)一，并且可以提升用戶體驗(yàn)。下面，我們就來詳細(xì)了解一下如何使用 CSS 實(shí)現(xiàn)左右自動(dòng)居中顯示。

.center {
/* 使用 margin 屬性進(jìn)行水平居中*/
margin: 0 auto;
/* 設(shè)置 width 屬性，使寬度不超過對(duì)應(yīng)父元素的內(nèi)容寬度 */
max-width: 100%;
}

上述代碼使用了 margin 屬性來實(shí)現(xiàn)元素的水平居中。其中，margin 的左右值都設(shè)置成 "auto"，這可以讓元素在水平方向上自動(dòng)居中。而 max-width 屬性則是為了使得元素的寬度不超過其父元素的內(nèi)容寬度，這樣可以保證頁面不會(huì)出現(xiàn)無法滾動(dòng)的問題。

/* 使用絕對(duì)定位實(shí)現(xiàn)左右自動(dòng)居中 */
.center {
/* 設(shè)置 position 為 absolute，便于使用 left 和 right 屬性 */
position: absolute;
/* 使用 left 和 right 屬性實(shí)現(xiàn)水平居中 */
left: 0;
right: 0;
/* 設(shè)置 margin 屬性垂直居中 */
margin: auto;
}

以上代碼使用了絕對(duì)定位和 left、right 屬性來實(shí)現(xiàn)元素的水平居中。這里的 left 和 right 都被設(shè)置成 0，意味著該元素會(huì)緊貼著父元素左右兩側(cè)。然后，再設(shè)置 margin 的值為 auto，就可以實(shí)現(xiàn)元素在垂直方向上的居中了。

總之，CSS 左右自動(dòng)居中顯示的技術(shù)可以應(yīng)用在很多場(chǎng)合，比如導(dǎo)航欄、圖片輪播、文章排版等等。所以，我們應(yīng)該深入學(xué)習(xí)和掌握這種技術(shù)，從而打造出更加出色的網(wǎng)頁設(shè)計(jì)。