保证金0自动无效

far*_*don 0 html css asp.net

我在ASP.net中有以下代码,但这里有简单的HTML

<div id="site_content">

    <div style="margin:0 auto;" class="middle">

    <input id="Text1" type="text" />
    <asp:Button ID="Button2" runat="server" Text="Search" />

    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我希望class ="middle"的中间div 位于页面的中心.为什么不工作?

Guf*_*ffa 5

div在页面的中心,它只是的宽度div是相同的页面.

如果你设置一个宽度div,居中它将产生影响.例:

<div style="margin:0 auto;width: 200px" class="middle">
Run Code Online (Sandbox Code Playgroud)

  • 只是一个补充.这是由于`display`属性.div元素默认为`display:block`.此属性在宽度上填充容器.你也可以使它工作,即使没有设置特定的宽度,如果你改变了其他的属性,如:`display:table;` (2认同)