CSS 在 div 中居中对齐 div？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/8587942/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-08-30 02:27:23 来源:igfitidea点击:
Center align div inside div?
提问by Zo Has
How do I center align 3 floating divs inside each other centered on page ?
如何将 3 个浮动 div 居中对齐，以页面为中心？
<div style="width:100%">
<div style="width:90%">
<div style="width:80%">
//Content
</div>
</div>
</div>
回答by socha23
Use margin: autoin CSS.
margin: auto在 CSS 中使用。
<div style="background-color: red; height: 100px; width: 500px; margin: auto;">
<div style="background-color: green; height: 100px; width: 300px; margin: auto;">
<div style="background-color: blue; height: 100px; width: 100px; margin: auto;">
//Content
</div>
</div>
</div>
回答by Joakim Johansson
If the element you're centering has a specified width, you can center it with margin: 0 auto
如果您居中的元素具有指定的宽度，则可以将其居中 margin: 0 auto
