那父子view中有两个view，第一个view高度大于第二个view，怎么保证两个子view水平中间对齐的同时保证两个子view的左边框距离一定

可以使用 flex 布局实现：

1. 父元素设置为 display: flex，并且设置 justify-content: center 和 align-items: center，使子元素在水平和垂直方向上都居中对齐。

2. 第一个子元素设置为 align-self: flex-start，使其在垂直方向上顶部对齐。

3. 第二个子元素设置为 align-self: center，使其在垂直方向上居中对齐。

4. 使用 padding 来控制两个子元素的左边框距离。

示例代码如下：

<div class="parent">
  <div class="child1"></div>
  <div class="child2"></div>
</div>

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 20px; /* 控制左边框距离 */
}

.child1 {
  align-self: flex-start;
  height: 100px; /* 设置高度大于 child2 */
  width: 50px;
  border: 1px solid black;
}

.child2 {
  align-self: center;
  height: 50px;
  width: 50px;
  border: 1px solid black;
}

这样就可以实现两个子元素水平中间对齐，同时左边框距离一定。