在網站開發中，經常需要設計一個水平居中的菜單欄。CSS可以幫助我們輕松地實現這一效果。下面，給出兩種實現方法。

/*方法一：使用text-align*/
.menu{
text-align: center;
}
/*方法二：使用flex布局*/
.menu{
display: flex;
justify-content: center;
}

以上代碼中，.menu為菜單欄的類名。方法一使用了text-align屬性，設置其值為center，即可使菜單欄內的元素水平居中顯示。方法二使用了flex布局，將菜單欄容器的display屬性設置為flex，同時設置justify-content屬性的值為center，即可實現菜單欄居中對齊，且能適應不同屏幕尺寸的情況。