Css 页脚导航未居中

我的脚部导航无法正确居中。这很简单，只是没有做它应该做的

.主页脚李{ 浮动：左； 字号：0.85em； 填充：0.5em； 边缘底部：0.5em； } .主页脚{ 文本对齐：居中； 宽度：100%； 背景颜色：浅蓝色； 填料：2米； 边缘顶部：30px； } &抄袭；版权所有Acme Industries 2019 使用flexbox进行尝试：

.主页脚{ 显示器：flex； 证明内容：中心； 宽度：100%； 背景颜色：浅蓝色； 填料：2米； 边缘顶部：30px； } .主页脚李{ 浮动：左； 字号：0.85em； 填充：0.5em； 边缘底部：0.5em； } &抄袭；版权所有Acme Industries 2019 使用flexbox进行尝试：

.主页脚{ 显示器：flex； 证明内容：中心； 宽度：100%； 背景颜色：浅蓝色； 填料：2米； 边缘顶部：30px； } .主页脚李{ 浮动：左； 字号：0.85em； 填充：0.5em； 边缘底部：0.5em； } &抄袭；版权所有Acme Industries 2019 首先。切勿将浮动用于布局目的。它会弄乱你的内容，并在你的CSS中产生滚雪球效果

flex是一种方式->和其他链接

使用“对齐项目：中心”垂直对齐项目，使用“对齐内容：中心”水平对齐项目

此外，使用框大小：边框框，这样页脚的填充将“包括”在100%的宽度中，并且在x轴上不会出现滚动溢出

.主页脚李{ 字号：0.85em； 填充：0.5em； 边缘底部：0.5em； 显示：内联块； } .主页脚{ 显示器：flex； 对齐项目：居中； 证明内容：中心； 文本对齐：居中； 宽度：100%； 背景颜色：浅蓝色； 填料：2米； 边缘顶部：30px； 框大小：边框框； } &抄袭；版权所有Acme Industries 2019 首先。切勿将浮动用于布局目的。它会弄乱你的内容，并在你的CSS中产生滚雪球效果

flex是一种方式->和其他链接

使用“对齐项目：中心”垂直对齐项目，使用“对齐内容：中心”水平对齐项目

此外，使用框大小：边框框，这样页脚的填充将“包括”在100%的宽度中，并且在x轴上不会出现滚动溢出

.主页脚李{ 字号：0.85em； 填充：0.5em； 边缘底部：0.5em； 显示：内联块； } .主页脚{ 显示器：flex； 对齐项目：居中； 证明内容：中心； 文本对齐：居中； 宽度：100%； 背景颜色：浅蓝色； 填料：2米； 边缘顶部：30px； 框大小：边框框； } &抄袭；版权所有Acme Industries 2019

---

如果您不想使用flex方式，只需更改UL元素的display属性即可

大概是这样的：

.主页脚ul{ 显示：内联块； 保证金：0； 填充：0； } .主页脚李{ 浮动：左； 字号：0.85em； 填充：0.5em； 列表样式类型：无； } .主页脚{ 文本对齐：居中； 宽度：100%； 背景颜色：浅蓝色； 填充：2em 0； 边缘顶部：30px； } &抄袭；版权所有Acme Industries 2019

---

如果您不想使用flex方式，只需更改UL元素的display属性即可

大概是这样的：

.主页脚ul{ 显示：内联块； 保证金：0； 填充：0； } .主页脚李{ 浮动：左； 字号：0.85em； 填充：0.5em； 列表样式类型：无； } .主页脚{ 文本对齐：居中； 宽度：100%； 背景颜色：浅蓝色； 填充：2em 0； 边缘顶部：30px； } &抄袭；版权所有Acme Industries 2019 将ul设置为flex容器，并从页脚容器中移除左右填充，以确保其居中。可以将填充添加到ul中

在没有flexbox的情况下，将li元素设置为显示：内联块

.主页脚{ 宽度：100%； 背景颜色：浅蓝色； 填充：2em 0； 边缘顶部：30px； } .主页脚ul{ 显示器：flex； 证明内容：中心； 列表样式：无； } .主页脚李{ 字号：0.85em； 右边距：0.5em； } .main footer li:最后一个孩子{ 右边距：0； } &抄袭；版权所有Acme Industries 2019 将ul设置为flex容器，并从页脚容器中移除左右填充，以确保其居中。可以将填充添加到ul中

在没有flexbox的情况下，将li元素设置为显示：内联块

.主页脚{ 宽度：100%； 背景颜色：浅蓝色； 填充：2em 0； 边缘顶部：30px； } .主页脚ul{ 显示器：flex； 证明内容：中心； 列表样式：无； } .主页脚李{ 字号：0.85em； 右边距：0.5em； } .main footer li:最后一个孩子{ 右边距：0； } &抄袭；版权所有Acme Industries 2019 用浮球，你 正在强制元素向左拉。 使用“显示：内联图块”使元素居中，因为父元素已经是文本对齐：居中

.主页脚李{ 显示：内联块； 字号：0.85em； 填充：0.5em； 边缘底部：0.5em； 列表样式类型：无 } .主页脚{ 文本对齐：居中； 宽度：100%； 背景颜色：浅蓝色； 填料：2米； 边缘顶部：30px； } &抄袭；版权所有Acme Industries 2019

---

使用float时，您将强制向左拉动图元。 使用“显示：内联图块”使元素居中，因为父元素已经是文本对齐：居中

.主页脚李{ 显示：内联块； 字号：0.85em； 填充：0.5em； 边缘底部：0.5em； 列表样式类型：无 } .主页脚{ 文本对齐：居中； 宽度：100%； 背景颜色：浅蓝色； 填料：2米； 边缘顶部：30px； } &抄袭；版权所有Acme Industries 2019

---

页脚到中心？或者页脚的内容在页脚内居中？您需要使用flex；这里有一个不错的flexbox生成器，不过还有更多：。页脚到中心？或者页脚的内容在页脚内居中？您需要使用flex；这里有一个不错的flexbox生成器，不过还有更多：。您应该使用float进行布局！这是原来的布局属性！你应该说的是，在某些情况下不要混合使用float和flex。你应该将float用于布局目的！这是原来的布局属性！您应该说的是，在某些情况下，不要混合使用float和flex。