html - 如何在响应式网站中将菜单居中？ (例子)

Question

我很难将愚蠢的菜单置于我网站页面的中心。我知道我可以将外部 div 的宽度设置为 px 值，但我怎样才能让它以响应式网站为中心？这是页面:

http://103.4.17.225/~america/index.php/product-menu/vertical-garden/gro-wall-3

菜单就是福利、画廊等

谢谢你们，你们就是炸弹。

Answer 1

首先，从 ul 中移除 float 并将其设置为内联 block ；

.met_main_nav ul {
    float: none;
    display: inline-block;
}

然后使用它的父元素(nav 元素)将其居中，这将使其中的所有内联 block 元素居中(即 ul):

.met_main_nav {
    text-align: center;
}