Question

我需要将包含所有菜单项的块（红色背景的块）居中。

为了更好地理解，请看一下这个小提琴：https://jsfiddle.net/dforce/mf9h78vn/3/

css指令：

margin:auto;

似乎无法正常工作。

非常感谢您的帮助！

Answer 1

然后尝试这种方式，并告诉我们它是否符合您的要求：）

ul.main-menu {
    display: table;
    margin: auto;
}

Answer 2

有疑问

一旦这个菜单显示在高于979px的分辨率上，它就会看起来居中，比如我缩小浏览器窗口我单击一个菜单项，当我再次放大菜单时，它会失去中心的对齐并且向左对齐

这怎么可能？

我试过使用说明：

display:inline-block