CSS橫幅是網(wǎng)頁中很重要的一部分，但是一個(gè)好看的橫幅需要居中，那么如何實(shí)現(xiàn)呢？以下是一些簡(jiǎn)單的方法。

.banner {
width: 800px; /*設(shè)置橫幅寬度*/
height: 200px; /*設(shè)置橫幅高度*/
margin: 0 auto; /*水平居中*/
display: flex; /*彈性布局*/
justify-content: center; /*水平居中*/
align-items: center; /*垂直居中*/
}

使用margin屬性實(shí)現(xiàn)橫幅水平居中，代碼中的0表示頂部和底部的邊距為0，auto表示左右邊距自動(dòng)撐開。橫幅是一個(gè)塊級(jí)元素，所以margin屬性適用于它。

另外，使用彈性布局也可以實(shí)現(xiàn)居中，這種方式適用于父元素和子元素的尺寸已知。代碼中的justify-content屬性和align-items屬性分別用于水平和垂直方向居中。

以上就是居中顯示CSS橫幅的幾種方法，根據(jù)不同情況選擇不同的方法即可。希望對(duì)你有所幫助。