我试图水平中心一个<div>块元素在页面上，并将其设置为最小宽度。最简单的方法是什么?我想要<div>元素内联与我的页面的其余部分。我来举个例子:
page text page text page text page text
page text page text page text page text
-------
| div |
-------
page text page text page text page text
page text page text page text page text
当前回答
对这个问题最好的回答是使用margin-auto，但要使用它，你必须知道你的div的宽度在px或%。
CSS代码:
div{
width:30%;
margin-left:auto;
margin-right:auto;
}
其他回答
你可以在CSS上使用margin: 0 auto而不是margin-left: auto;margin-right:汽车;
margin: 0 auto;
正如ck所说，不是所有浏览器都支持min-width
如果你的<div>有position: absolute你需要使用width: 100%;
#parent {
width: 100%;
text-align: center;
}
#child {
display: inline-block;
}
你应该在父元素上使用position: relative和text-align: center，然后在你想居中的子元素上使用display: inline-block。这是一个简单的CSS设计模式，适用于所有主流浏览器。下面是一个示例或查看CodePen示例。
p { text-align: left; } .container { position: relative; display: block; text-align: center; } /* Style your object */ .object { padding: 10px; color: #ffffff; background-color: #556270; } .centerthis { display: inline-block; } <div class="container"> <p>Aeroplanigera Mi Psychopathologia Subdistinctio Chirographum Intuor Sons Superbiloquentia Os Sors Sesquiseptimus Municipatio Archipresbyteratus O Conclusio Compedagogius An Maius Septentrionarius Plas Inproportionabilit Constantinopolis Particularisticus.</p> <span class="object centerthis">Something Centered</span> <p>Aeroplanigera Mi Psychopathologia Subdistinctio Chirographum Intuor Sons Superbiloquentia Os Sors Sesquiseptimus Municipatio Archipresbyteratus O Conclusio Compedagogius.</p> </div>
在你的html文件中，你写:
<div class="banner">
Center content
</div>
你写的CSS文件:
.banner {
display: block;
margin: auto;
width: 100px;
height: 50px;
}
对我有用。
