<分区>
我有 2 个 div。一个在另一个里面。外侧的宽度和高度为 500px，内侧的宽度为 auto。我试图将 div 居中放置在内部，但我也试图将其宽度设置为自动。它没有将宽度调整为自动，而是跨越了外部 div 的整个 500px。我不确定我做错了什么，所以请看一下我的代码:
<style>
#outer {
border: 1px solid black;
width: 500px;
height: 500px;
}
#inner {
border: 1px solid black;
width: auto;
margin: auto;
}
</style>
<div id = 'outer'>
<div id = 'inner'> Inner </div>
</div>
最佳答案
Div 是 display: block，默认填充父级的整个宽度。因此，当您将其设置为 width: auto 时，它会执行默认设置。如果你想让它符合它的内容，那么将它设置为display: inline-block。由于内联 block 可以像文本一样居中，只需将 text-align: center 添加到您的 #outer div。像这样:
#outer {
border: 1px solid black;
width: 500px;
height: 500px;
text-align: center;
}
#inner {
border: 1px solid black;
display: inline-block;
}<div id='outer'>
<div id='inner'>Inner</div>
</div>关于html - 在内部 div、CSS、HTML 上将宽度和边距设置为自动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31443127/