css - 如何使菜单项居中

Question

我需要将包含屏幕内所有菜单项的 block (红色背景的 block )居中。

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

css指令:

margin:auto;

似乎不起作用。

非常感谢您的帮助!

Answer 1

那么试试这个方法，然后告诉我们这是否是您想要的:)

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