如何将两个 <h> 标签作为一个元素居中，同时将它们堆叠在一起？ [复制]

【问题标题】：How do I center two <h> tags as one element while having them stacked on top of each other? [duplicate]如何将两个 <h> 标签作为一个元素居中，同时将它们堆叠在一起？ [复制]
【发布时间】：2022-07-20 21:55:47
【问题描述】：

我有 2 个小时标签。我希望它们都作为一个元素居中，同时彼此堆叠。使用 flex box 使它们保持在同一行，我该怎么做？

【问题讨论】：

请输入您的代码并解释更多您想要的内容
您希望它们相互堆叠还是在同一行中？
@MrXQ Stacked..

标签： css reactjs

【解决方案1】：

您可以使用带有display: flex 的container 类并将h-tags 包装在一个包装好的div 中。

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

h1.container {
  display: flex;
}

<div class="container">
  <div>
    <h1>My first h1-tag</h1>
    <h1>My second h1-tag</h1>
  </div>
</div>

【讨论】：