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 */ 
}