CSS - 甚至在运行时

Question

居中对齐的div请参考 - 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 */ 
}