Html 发出以使菜单水平居中

我试图将水平菜单居中（水平）到页面中间，但没有成功。我将菜单放在一个容器中，该容器的左右边距设置为“自动”，但这不起作用。谢谢你的帮助

试试这个 实际上，您需要使位置相对，并在开始时给它一些宽度

.menu-container {
position: relative;
top: 20px;
margin: o auto;
max-width: 800px;
}

希望这有帮助，否则请尝试放置您的html 实际上，您需要使位置相对，并在开始时给它一些宽度

.menu-container {
position: relative;
top: 20px;
margin: o auto;
max-width: 800px;
}

希望这有帮助，否则请尝试放置您的html 实际上，您需要使位置相对，并在开始时给它一些宽度

.menu-container {
position: relative;
top: 20px;
margin: o auto;
max-width: 800px;
}

希望这有帮助，否则请尝试放置您的html 实际上，您需要使位置相对，并在开始时给它一些宽度

.menu-container {
position: relative;
top: 20px;
margin: o auto;
max-width: 800px;
}

---

希望有此帮助，否则请尝试放置html您需要指定

宽度
，以便
边距：0自动开始工作


更新的CSS：

nav {
    margin: 20px auto;
    width: 624px;
}

或者，您可以使用
文本对齐：居中以及
显示：内联块要使用宽度未知的内容完成此操作，请执行以下操作：


您需要指定
宽度
，以便
边距：0自动开始工作


更新的CSS：

nav {
    margin: 20px auto;
    width: 624px;
}

或者，您可以使用
文本对齐：居中以及
显示：内联块要使用宽度未知的内容完成此操作，请执行以下操作：


您需要指定
宽度
，以便
边距：0自动开始工作


更新的CSS：

nav {
    margin: 20px auto;
    width: 624px;
}

或者，您可以使用
文本对齐：居中以及
显示：内联块要使用宽度未知的内容完成此操作，请执行以下操作：


您需要指定
宽度
，以便
边距：0自动开始工作


更新的CSS：

nav {
    margin: 20px auto;
    width: 624px;
}

或者，您可以使用
文本对齐：居中以及
显示：内联块要使用宽度未知的内容完成此操作，请执行以下操作：


有几件事你需要重新评估

首先，绝对定位的容器不能以边距居中，因为边距：0自动；仅影响相对定位的图元

所以你需要做的第一件事就是删除这个位置：绝对；打开。菜单\容器

.menu-container {
    top: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

然后，在div相对定位的情况下，将属性宽度设置为100%。这使得div从它的父元素占据了它可用的全部宽度。增加保证金：0自动；不执行任何操作，并且元素的左侧和右侧已经接触到父元素的两侧。可以这么说，你不能把“完美契合”的东西放在其父对象的中心

所以你可以做一些事情。您可以缩小容器的大小，比如说缩小到80%，然后它将开始使容器元素居中，但不一定使导航链接居中

在我看来，更好的选择是使用文本对齐：居中；由于LI使用的是“显示：内联块”，所以要将其居中。它们保留其块特征，但也可以说被视为“普通文本”

只需将选择器更改为我在下面的设置，就可以满足您的所有需要

nav ul {
    text-align: center;
    margin-right: -4px;
    margin-left: 5px;
    }

有几件事需要重新评估

首先，绝对定位的容器不能以边距居中，因为边距：0自动；仅影响相对定位的图元

所以你需要做的第一件事就是删除这个位置：绝对；打开。菜单\容器

.menu-container {
    top: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

然后，在div相对定位的情况下，将属性宽度设置为100%。这使得div从它的父元素占据了它可用的全部宽度。增加保证金：0自动；不执行任何操作，并且元素的左侧和右侧已经接触到父元素的两侧。可以这么说，你不能把“完美契合”的东西放在其父对象的中心

所以你可以做一些事情。您可以缩小容器的大小，比如说缩小到80%，然后它将开始使容器元素居中，但不一定使导航链接居中

在我看来，更好的选择是使用文本对齐：居中；由于LI使用的是“显示：内联块”，所以要将其居中。它们保留其块特征，但也可以说被视为“普通文本”

只需将选择器更改为我在下面的设置，就可以满足您的所有需要

nav ul {
    text-align: center;
    margin-right: -4px;
    margin-left: 5px;
    }

有几件事需要重新评估

首先，绝对定位的容器不能以边距居中，因为边距：0自动；仅影响相对定位的图元

所以你需要做的第一件事就是删除这个位置：绝对；打开。菜单\容器

.menu-container {
    top: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

然后，在div相对定位的情况下，将属性宽度设置为100%。这使得div从它的父元素占据了它可用的全部宽度。增加保证金：0自动；不执行任何操作，并且元素的左侧和右侧已经接触到父元素的两侧。可以这么说，你不能把“完美契合”的东西放在其父对象的中心

所以你可以做一些事情。您可以缩小容器的大小，比如说缩小到80%，然后它将开始使容器元素居中，但不一定使导航链接居中

在我看来，更好的选择是使用文本对齐：居中；由于LI使用的是“显示：内联块”，所以要将其居中。它们保留其块特征，但也可以说被视为“普通文本”

只需将选择器更改为我在下面的设置，就可以满足您的所有需要

nav ul {
    text-align: center;
    margin-right: -4px;
    margin-left: 5px;
    }

有几件事需要重新评估

首先，绝对定位的容器不能以边距居中，因为边距：0自动；仅影响相对定位的图元

那么