css - 在不改变对齐方式的情况下将元素添加到居中元素的两侧

Question

我在页面上有一个动态创建的页眉。有时，它的两侧有左右按钮，有时只有左右按钮，有时没有。

有没有办法让正文居中并在旁边添加其他元素时保持居中？目前，当我添加左/右按钮时，整个程序集都居中。如果我只添加一个按钮，整个按钮就会移到一侧。

如何让主要元素居中，但在其周围添加其他元素？

---

这很好用:

<h1>
  <img src="left.png" />
  Main Title
  <img src="right.png" />
</h1>

这行不通:

<h1>
  <img src="left.png" />
  Main Title
</h1>

Answer 1

我发现了我的问题的答案，以防将来有人找到这篇文章。

将元素保留在标记 (HTML) 中，但使用 CSS 将其设置为 visibility: hidden 而不是 display: none。这会保留页面上的格式，但不会呈现要查看的对象。

visibility: hidden 不是 display: none

阅读this文章了解更多信息...