如何使用动态内容对div进行居中

Question

<div>
  <button>First button</button>
  <button>Dynamically appear button</button>
<div>

我有一个div，当它有一个按钮和有两个按钮时，我希望在两种情况下居中。 有没有办法做到这一点？

我为它创造了一个小提琴 http://fiddle.jshell.net/frqo0rsy/ 我希望我想要显示按钮两个按钮将是彼此相邻并且也是居中的。 我希望现在能更加了解它。

Answer 1

将您想要居中的元素视为inline或inline-block元素，并在父元素上设置text-align: center。

button {
  display: inline-block;
}

div {
  text-align: center;
}

更新了您的jsfiddle。

根据你想要达到的目标，还有其他方法可以做到这一点; this问题的答案可能会对您有所帮助。