Html 正在尝试在Flex Box中创建Flex Box

Html 正在尝试在Flex Box中创建Flex Box,html,css,flexbox,Html,Css,Flexbox,我有一个页脚,它位于已经在flexbox中的一个部分下。所以,它既是.main flex box的一个flex项,也是一个单独flex box的flex容器,由五个s组成,作为flex项。我尝试使用flex列,但flex框已经创建好了 我正在尝试使用flexbox布局五个页脚的链接,为每个链接分配相等的宽度,并将每个链接置于其框的中心。还可以设置容器的宽度 我似乎无法理解这一点,因为它在一个部分下。我需要帮助弄清楚如何制作这个flexbox *{ 保证金:0; 填充:0; 框大小:边框框; }

我有一个页脚,它位于已经在flexbox中的一个部分下。所以,它既是.main flex box的一个flex项,也是一个单独flex box的flex容器,由五个s组成,作为flex项。我尝试使用flex列,但flex框已经创建好了

我正在尝试使用flexbox布局五个页脚的链接,为每个链接分配相等的宽度,并将每个链接置于其框的中心。还可以设置容器的宽度

我似乎无法理解这一点,因为它在一个部分下。我需要帮助弄清楚如何制作这个flexbox

*{
保证金:0;
填充:0;
框大小:边框框;
}
::之前,
::之后{
框大小:继承;
}
主要{
显示器:flex;
柔性包装:包装;
}
.解释,
.参与{
弯曲方向:行;
弯曲度:10 calc(50%-2米);
边框:1px纯绿色;
边缘:1米;
}
.福利,
.要求{
弯曲方向:立柱;
弹性:1100%;
边缘:1米;
边框:1px纯蓝色;
}

这是怎么回事?
那里

参与 强壮的

利益 为什么

要求 在哪里


您只需将flexbox信息添加到页脚。以下是对我有效的方法:

footer {
 display: flex;
 flex-direction: column;
 justify-content: center;
 width: 100%;
 }

footer a {
  text-align: center;
  width: 80px;
  margin: 0 auto;
}

您只需将
display:flex
属性添加到页脚,以及所需的任何其他flex属性。Flex容器可以嵌套而没有问题

*{
保证金:0;
填充:0;
框大小:边框框;
}
::之前,
::之后{
框大小:继承;
}
主要{
显示器:flex;
柔性包装:包装;
}
.解释,
.参与{
弯曲方向:行;
弯曲度:10 calc(50%-2米);
边框:1px纯绿色;
边缘:1米;
}
.福利,
.要求{
弯曲方向:立柱;
弹性:1100%;
边缘:1米;
边框:1px纯蓝色;
}
页脚{
显示器:flex;
证明内容:周围的空间;
宽度:100%;
边缘:1米;
边框:1px纯红;
}

这是怎么回事?
那里

参与 强壮的

利益 为什么

要求 在哪里


因此,将页脚设置为flexbox容器,否?是,“使用flexbox布局五个页脚链接,为每个页脚链接指定相等的宽度,并使每个页脚链接在其框内居中。设置容器的宽度。应用对齐内容来控制水平间距。”我知道如何对齐部分,但其余部分我坚持。所以,请这样做。。将页脚设置为弹性容器,并调整项目的宽度,使其与文本相等并居中。