Html 在柔性容器中水平居中放置两个div

我有两个div（一个在另一个下面），我希望这个列居中对齐。但是使用

justify content:center

将div沿y轴（垂直）居中对齐，而不是沿x轴（水平）对齐

我想知道（使用flexbox）使中心沿x轴对齐的唯一方法是否是添加

margin:auto

<div id="sharesocial">
  <div id="sharecondividi">
    Condividi
  </div>
  <div id="shareicons">
    <a target="blank" href=""><span class="fa fa-twitter-square" id="twitterbt"></span></a>
    <a target="blank" href=""><span class="fa fa-google-plus-square" id="googleplusbt"></span></a>
    <a target="blank" href=""><span class="fa fa-facebook-square" id="facebookbt"></span></a>
  </div>
</div>

这里是JSIDLE：

---

当

弹性方向

为

列

时，您可以使用

对齐内容

进行垂直对齐，使用

对齐项目

进行水平对齐

试试这个：

#sharesocial {
    align-items: center;
}

了解更多信息：

#sharesocial {
    align-items: center;
}