我试图水平中心一个<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
当前回答
.center {
margin-left: auto;
margin-right: auto;
}
最小宽度不是全局支持的，但是可以使用
.divclass {
min-width: 200px;
}
然后可以将div设置为
<div class="center divclass">stuff in here</div>
其他回答
margin-left:auto和margin-right:auto的用法在某些情况下可能不起作用。这里有一个解决方案，它总是有效的。您指定一个所需的宽度，然后将左距设置为剩余宽度的一半。
<div style="width:80%; margin-left:calc(10%);">
your_html
</div>
对这个问题最好的回答是使用margin-auto，但要使用它，你必须知道你的div的宽度在px或%。
CSS代码:
div{
width:30%;
margin-left:auto;
margin-right:auto;
}
margin: 0 auto;
正如ck所说，不是所有浏览器都支持min-width
.center {
margin-left: auto;
margin-right: auto;
}
最小宽度不是全局支持的，但是可以使用
.divclass {
min-width: 200px;
}
然后可以将div设置为
<div class="center divclass">stuff in here</div>
你可以在CSS上使用margin: 0 auto而不是margin-left: auto;margin-right:汽车;
