Html 正在尝试在Flex Box中创建Flex Box
我有一个页脚,它位于已经在flexbox中的一个部分下。所以,它既是.main flex box的一个flex项,也是一个单独flex box的flex容器,由五个s组成,作为flex项。我尝试使用flex列,但flex框已经创建好了 我正在尝试使用flexbox布局五个页脚的链接,为每个链接分配相等的宽度,并将每个链接置于其框的中心。还可以设置容器的宽度 我似乎无法理解这一点,因为它在一个部分下。我需要帮助弄清楚如何制作这个flexboxHtml 正在尝试在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; 框大小:边框框; }
*{
保证金: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布局五个页脚链接,为每个页脚链接指定相等的宽度,并使每个页脚链接在其框内居中。设置容器的宽度。应用对齐内容来控制水平间距。”我知道如何对齐部分,但其余部分我坚持。所以,请这样做。。将页脚设置为弹性容器,并调整项目的宽度,使其与文本相等并居中。