html使div内部元素水平排列_让div里面的两个元素竖直排列，并相对于其水平垂直居中...

要让div内部元素水平排列，可以使用CSS中的flexbox属性。将父元素的display属性设置为flex，然后子元素的flex属性设置为1，即可实现等比例分配空间的水平排列。

例如，以下代码可以将两个子元素水平排列：

<div class="container">
  <div class="child">元素1</div>
  <div class="child">元素2</div>
</div>

.container {
  display: flex;
}

.child {
  flex: 1;
}

要让div里面的两个元素竖直排列，并相对于其水平垂直居中，可以使用CSS中的flexbox属性和align-items属性。将父元素的display属性设置为flex，然后子元素的align-self属性设置为center，即可实现垂直居中。

例如，以下代码可以将两个子元素垂直排列，并相对于父元素水平垂直居中：

<div class="container">
  <div class="child">元素1</div>
  <div class="child">元素2</div>
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置父元素高度 */
}

.child {
  align-self: center;
}