如何调整单个flexbox项(覆盖调整内容)[重复]

这个问题在这里已经有答案了
在CSS Flexbox中,为什么没有;“证明项目的合理性”;及;“自我辩护”;财产?

(6个答案)

两个月前关闭了

您可以将弹性项目的align items替换为align self
我正在寻找一种方法来覆盖flex项目的调整内容

如果您有一个flexbox容器,其中包含justify content:flex end,但您希望第一个项目是justify content:flex start,那么该怎么做呢

似乎没有justify self,但您可以通过将margin设置为auto实现类似的结果。例如。对于flex direction:row(默认值),您应该设置margin right:auto,以将子对象向左对齐

.container{
高度:100px;
边框:实心10px天蓝色;
显示器:flex;
证明内容:柔性端;
}
.街区{
宽度:50px;
背景:番茄;
}
.证明开始是正确的{
右边距:自动;
}
<div class=“container”>
<div class=“块对齐开始”&gt&lt/部门>
<div class=“block”&gt&lt/部门>
&lt/部门&gt

该行为由Flexbox规范定义

发表评论