首页 文章

我应该使用什么来通过主轴移动柔性物品？ [重复]

提问于
浏览 次
-1

这个问题在这里已有答案：

在flexbox中，有一个align-self属性，可以通过横轴移动弹性项目 . 我听说没有合理的自我 property . 那么有什么方法可以在主轴上为flex项目设置flex-start / center / flex-end？

css flexbox

1 回答

  • 0

    使用边距 .

    .container {
  display: flex;
  width: 800px;
  height: 500px;
  background: blue;
}

.child {
  width: 100px;
  height: 100px;
  margin: 10px;
  background: red;
  align-self: flex-end;
}

.child:last-of-type {
  margin-left: auto;
}

    <div class="container">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

    您可以使用margin-left / right的默认行为来影响单个项目 .

    回复于

相关问题