2017-07-15 68 views
0

我試着將寬度設置爲自動,但也沒有工作。如何使用保證金:0自動沒有設置內部div的寬度

<div style='width:100%;background-color:lightblue;text-align:center'> 
 
test 
 
<div style='margin:0 auto;background-color:blue;'> 
 
new test 
 
</div> 
 
</div>

+2

什麼是你想要的結果? – Dan

+0

這會使div居中,但如果沒有指定寬度,這是不可能的,有無限的可能性。您可以將保證金的左右邊距設置爲某個值,但如果它們相同,則它會居中。 –

+0

我想內部div的寬度等於角色'新測試'佔用的空間寬度,但我現在明白了這個問題。我想我們可以計算文本的長度和設置寬度 – DCR

回答

3

使用inlineinline-block

<div style='width:100%;background-color:lightblue;text-align:center'> 
 
test<br> 
 
<div style='margin:0 auto;display:inline;background-color:blue;'> 
 
new test 
 
</div> 
 
</div>

相關問題