Center dynamic div

Question

我有一個標題width:100%，裏面有一個動態div。 div可以具有任何寬度大小，因此，默認情況下，它從頭部繼承width:100%。在這種情況下margin:0 auto將不起作用，如果我float:left這個div，我也不能使用margin:0 auto。

中心此div的最佳解決方案是什麼？

Answer 1

我剛剛在動態div中添加display:table;margin:0 auto;，它工作。

Answer 2

您可能需要text-align: center在內部塊上的外部<div>和display: inline-block和text-align: left。

對於所有中心問題來看看CSS-Tricks guide

.outer { 
 
    text-align: center; 
 
    border: 1px solid #f99; 
 
} 
 

 
.inner { 
 
    display: inline-block; 
 
    text-align: left; 
 
    border: 1px solid #f99; 
 
    
 
}

<div class="outer"> 
 
    <div class="inner"> 
 
    Inner content<br> 
 
    Another line of content 
 
    </div> 
 
</div>