Css 居中对齐项目，然后隐藏少量项目，但仍保持居中对齐

我有3个中心对齐的svg。用户选择从后端显示哪一个，其余的隐藏。我想让这些图像居中对齐。现在，如果一个或多个图像被隐藏，则会为该区域留下空白。我使用不透明度来隐藏项目 代码：

1.
2.
3.
.工作-提供的服务{
文本对齐：居中；
显示：内联块；
保证金：自动；
}

.

两种方法：

将以下内容添加到css中

.家长{ 文本对齐：居中； }

将align=“center”添加到父级

---

@TehTris:完成。谢谢

<div class="parent">
  <div class="work--service_provided">
  1
  </div>
  <div class="work--service_provided" style="display:none;">
  2
  </div>
    <div class="work--service_provided">
  3
  </div>
</div>
.work--service_provided{
    text-align: center;
    display: inline-block;
    margin: auto;
}