如何使用flex让div中的段落并排弹出？

使用flex布局可以实现让div中的段落并排弹出。具体步骤如下：

1. 在HTML文件中，创建一个包含段落的div容器，例如：

<div class="container">
  <p>段落1</p>
  <p>段落2</p>
  <p>段落3</p>
</div>

1. 在CSS文件中，为容器设置flex布局，例如：

.container {
  display: flex;
}

1. 默认情况下，flex容器中的元素会水平排列。如果要让段落垂直排列，可以添加flex-direction: column;样式，例如：

.container {
  display: flex;
  flex-direction: column;
}

1. 可以通过设置段落的flex属性来控制它们在容器中的占比。默认情况下，所有段落的flex属性值都为1，表示它们平均占据容器的空间。如果想要某个段落占据更多的空间，可以将其flex属性值设置为大于1的值，例如：

.container {
  display: flex;
}

.container p:nth-child(2) {
  flex: 2;
}

1. 如果希望段落之间有间距，可以使用margin属性来设置，例如：

.container p {
  margin: 10px;
}

通过以上步骤，就可以使用flex让div中的段落并排弹出。根据具体需求，可以调整容器的布局方式、段落的占比和间距等。