Html 如何使页脚内容全部位于页脚中心？

所以小导航部分在底部，其他两部分在页脚的顶部

还有，我如何删除页面底部留下的一点点空白

感谢您的帮助，代码如下

.footer{
显示器：flex；
证明内容：周围的空间；
弯曲方向：行；
保证金：0自动；
对齐项目：居中；
背景：#000000；
颜色：#fff；
边缘底部：-25px；
}
.页脚导航a{
字体大小：16px；
文字装饰：无；
颜色：#fff；
位置：相对位置；
}
麦克先生{
文字装饰：无；
颜色：#fff；
}

---

代码>好的，现在我有版权了，设计的版权是垂直居中的，但是导航按钮仍然在底部的底部。 底部还有空白。 HTML

网站设计人 版权所有&复制素食餐厅 “在中间”是指所有东西都水平居中，彼此下方

如果是，则添加

flex direction:列

将项目堆叠在彼此上方，并

对齐项目：居中以使其水平居中：


.footer{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：周围的空间；
背景：#000000；
颜色：#fff；
}
.页脚导航a{
字体大小：16px；
文字装饰：无；
颜色：#fff；
位置：相对位置；
}







由麦克·霍珀设计的网站
版权所有&复制素食餐厅
“在中间”是指所有东西都水平居中，彼此下方

如果是，则添加
flex direction:列
将项目堆叠在彼此上方，并
对齐项目：居中以使其水平居中：


.footer{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：周围的空间；
背景：#000000；
颜色：#fff；
}
.页脚导航a{
字体大小：16px；
文字装饰：无；
颜色：#fff；
位置：相对位置；
}







由麦克·霍珀设计的网站
版权所有&复制素食餐厅
您可以使用
align items:center
来集中项目，不过我相信您也在寻找
flex direction:column
来根据HTML流“对齐”项目。这还具有删除底部空白的效果，因为它源于
。这将与版权分离，所以我认为这个空白现在是有意的

这一组合可以从以下方面看出：


.footer{
显示器：flex；
证明内容：周围的空间；
保证金：0自动；
背景：#000000；
颜色：#fff；
边缘底部：-25px；
弯曲方向：立柱；
对齐项目：居中；
}
.页脚导航a{
字体大小：16px；
文字装饰：无；
颜色：#fff；
位置：相对位置；
}







由麦克·霍珀设计的网站
版权所有&复制素食餐厅
您可以使用
align items:center
来集中项目，不过我相信您也在寻找
flex direction:column
来根据HTML流“对齐”项目。这还具有删除底部空白的效果，因为它源于
。这将与版权分离，所以我认为这个空白现在是有意的

这一组合可以从以下方面看出：


.footer{
显示器：flex；
证明内容：周围的空间；
保证金：0自动；
背景：#000000；
颜色：#fff；
边缘底部：-25px；
弯曲方向：立柱；
对齐项目：居中；
}
.页脚导航a{
字体大小：16px；
文字装饰：无；
颜色：#fff；
位置：相对位置；
}







由麦克·霍珀设计的网站
版权所有&复制素食餐厅
阅读我的评论，然后查看以下内容：


*{
框大小：边框框；填充：0；边距：0；
}
html，正文{
宽度：100%；高度：100%；
}
.页脚{
宽度：100%；背景：银色；文本对齐：居中；填充：50px；
}
导航+俯仰{
边缘顶部：7px；
}








网站设计人
版权所有&复制素食餐厅
阅读我的评论，然后查看以下内容：


*{
框大小：边框框；填充：0；边距：0；
}
html，正文{
宽度：100%；高度：100%；
}
.页脚{
宽度：100%；背景：银色；文本对齐：居中；填充：50px；
}
导航+俯仰{
边缘顶部：7px；
}








网站设计人
版权所有&复制素食餐厅
像这样


页脚{
位置：固定；
底部：0%；
左：20%；
右：20%；
}
/*风格*/
页脚{
背景色：黑色；
颜色：白色；
}
版权所有公司2020-您的日期


页脚{
位置：固定；
底部：0%；
左：20%；
右：20%；
}
/*风格*/
页脚{
背景色：黑色；
颜色：白色；
}
版权所有公司2020-您的日期
我会将这些
更改为
s，然后在CSS中
.footer{text align:center；}
。我并不认为这应该是
display:flex没有更多内容。内容将延伸一个父级到它的宽度无论如何。好了，现在我有了它，版权和设计的是垂直居中的，但导航按钮仍在触摸底部的底部。如果你想这样做，你可能想要使用<代码>页脚{显示：Flex；Flex方向：列；对齐项目：Center；}< /Case> AS <
 footer{
  position:fixed;
  bottom:0%;
  left:0%;
  right:0%;
  background-color:black;
  color:white;
}

.footer-nav {
        margin: 10px auto;
        float: left;
        padding: 0;
    }

.footer-nav li {
        float: left;
        padding: 0 10px;
        list-style-type: none;
    }