父元素中只有两个子元素，如何让第一个子元素水平居中 另外一个子元素靠右边

可以使用 `justify-content` 和 `align-items` 属性来实现这样的布局。

首先，将 `display` 属性设置为 `flex`，然后使用 `justify-content: center` 让第一个子元素水平居中。接着，使用 `align-items: flex-end` 让第二个子元素靠右对齐。

以下是一个示例代码：

<div class="container">
  <div class="item1">子元素1</div>
  <div class="item2">子元素2</div>
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.item1 {
  background-color: blue;
  padding: 10px;
}

.item2 {
  background-color: red;
  padding: 10px;
}

在上面的代码中，我们设置了 `.container` 元素为弹性容器，并使用 `justify-content: center` 让第一个子元素水平居中，使用 `align-items: flex-end` 让第二个子元素靠右对齐。同时，我们为两个子元素设置了背景色和内边距，以便更好地观察布局效果。

效果如下所示：