マージンの使い方：0自動内側のdivの幅を設定しないで

widthをautoに設定しようとしましたが、それでもうまくいかなかった。マージンの使い方：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>

出典

2017-07-15 DCR

あなたの望ましい結果は何ですか？ – Dan

これはdivの中心になりますが、幅を指定しなければ不可能であり、無限の可能性があります。左右に余白を設定することもできますが、同じ場合は中央に配置されます。 –

内側のdivの幅を、 'new test'という文字のスペースの幅と同じにしたいのですが、今問題を理解しています。私は、テキストの長さを計算し、その幅を – DCR

使用inlineまたはinline-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>

出典

2017-07-15 17:08:40 ewwink

マージンの使い方：0自動内側のdivの幅を設定しないで

答えて

関連する問題