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>