2017-07-15 71 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>

相关问题