CSS - 即使在运行时也可以居中对齐 div

Question

请参考-https://jsfiddle.net/L0hav8ma/2/

<div id="x">
<div id="x1"> div1 </div>
<div id="x2"> div2 </div>
<div id="x3"> div3 </div>
</div>

要求是在主 div 中居中对齐 div1、div2 和 div3。

而且，在运行时使用 javascript 我必须删除 div1 和 div2。所以即使在那个时候，我也希望 div3 居中对齐，而不需要任何额外的 css 更改。

Answer 1

#x {
  height: 70px;
  width: 400px;
  background: blue;
  color: white;
  margin: 0 auto;
  text-align: center; /* add this */
}