display:flex 布局后想让里面得div 在右面

如果您想要将一个 div 元素放置在右侧，可以使用以下 CSS 样式：

display: flex;
justify-content: flex-end;

这将使用 Flex 布局将所有子元素放置在容器的右侧。请注意，这将会影响所有子元素，因此您需要将要放置在右侧的 div 元素作为子元素放置在包含它们的容器中。

相关问题

display:flex 布局后想让里面得其中一个div 在右面

要实现这个效果，您可以使用CSS的flex布局，并设置容器元素的flex-direction属性为row-reverse，这样容器内的子元素就会从右往左排列。

以下是一个示例代码，其中包含一个flex容器和三个子元素：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

然后，您可以将以下CSS代码添加到您的样式表中：

.container {
  display: flex;
  flex-direction: row-reverse;
}

.box {
  /* 这里添加您的盒子样式 */
}

这样就可以将容器内的子元素从右往左排列了。请注意，如果您希望这些子元素也具有类似于空间分配和对齐的属性，您可以使用其他的flex属性来实现。

display:flex 后里面得div 在右面

当使用 display:flex 后，子元素会被排列成一个弹性容器（flex container），默认情况下子元素会横向排列。如果你想让子元素在容器内纵向排列，可以设置 flex-direction 属性为 column。如果你想让子元素靠右对齐，可以设置 justify-content 属性为 flex-end。例如：

.parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

这样设置后，子元素会在垂直方向排列，同时靠右对齐。如果你想让子元素在容器内水平方向排列，可以将 flex-direction 属性设置为 row。如果你想让子元素靠左对齐，可以设置 justify-content 属性为 flex-start。例如：

.parent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

这样设置后，子元素会在水平方向排列，同时靠左对齐。