如何在父div中水平居中div
如何在父div中水平居中div
提问于 2009-12-23 19:34:25
如何使用CSS使div在其父div中水平居中
<div id='parent' style='width: 100%;'>
<div id='child' style='width: 50px; height: 100px;'>Text</div>
</div>回答 6
Stack Overflow用户
回答已采纳
发布于 2009-12-23 19:39:20
我假设父div没有宽度或宽度较宽，而子div具有较小的宽度。下面会将顶部和底部的边距设置为零，并将边距设置为自动调整。这将使div居中。
div#child {
margin: 0 auto;
}Stack Overflow用户
发布于 2009-12-23 19:39:26
<div id='parent' style='width: 100%;text-align:center;'>
<div id='child' style='width:50px; height:100px;margin:0px auto;'>Text</div>
</div>Stack Overflow用户
发布于 2015-07-08 08:38:23
出于兴趣，如果你想将两个或更多的div放在中心(这样它们并排在中心)，那么这里是怎么做的：
<div style="text-align:center;">
<div style="border:1px solid #000; display:inline-block;">Div 1</div>
<div style="border:1px solid red; display:inline-block;">Div 2</div>
</div> 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1952256
复制相关文章
相似问题
腾讯云开发者
