html - CSS - 对齐 div 的 Flex 属性

Question

我正在另一个外部 div 中创建两个 div。我想要的是我需要在外部 div 的两端对齐这两个 div。我在上面附上了我的代码，但它不起作用。那你能帮忙吗？

.outer {
  flex-direction: row;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}

<div class="outer">
  <div class="outer-grid">one</div>
  <div class="outer-grid">two</div>
</div>

标签： htmlcssflexbox

Answer 1

我不确定你的其他细节是什么。如果这个外部 div 是您的容器，那么只有这两个可能会为项目提供空间。

#box-container {
display: flex;
justify-content: space-between;
}