Question

我在contentplaceholder之外有三个div

母版页代码：

<div id="content-outer" class="clear">
 <div id="content-wrapper">    
   <div id="content">      
     <asp:ContentPlaceHolder ID = "ContentPlaceHolder1" runat="server" >
      </asp:ContentPlaceHolder>     
   </div>
 </div>
</div>

内容外部div的宽度是1400px，它在宽度为1400或更大的屏幕上运行良好但是当我在宽度为1024的scree中运行时，整个页面从左边开始,,,我想居中对齐我的页面在浏览器中打开时，我已经给出了一些css属性，如

内容外：保证金左：自动; margin-right：auto;（not working）

但是我无法对齐我的整个页面,,,请告诉我我该怎么做，我也给了身体相同的属性但又没有运气

Answer 1

首先，不推荐使用中心标记，因此不应使用它。

<center>
    Your content here
</center>

你的解决方案（为了清晰起见，我已将内联插入内容）

<div style="width: 1400px; margin: 0 auto;">
    Your content here
</div>

是在页面上居中内容的正确方法。

正如您所注意到的，如果屏幕小于您的内容宽度，则它似乎不会居中。这是因为在页面的左侧或右侧没有空间用于边距，并且在页面中间启动浏览器滚动条会不一致。

您的选择是：

与它共存 - 这是所有中心对齐网站的工作方式
缩小网站的宽度以适应较小的屏幕（在较大的屏幕上会有更大的余量）
让您的设计更具流畅性 - 如下例所示

希望这有帮助。

<div style="width: auto; margin: 0 10%;">
    Your content here
</div>

Answer 2

使用以下样式进行游戏

<body> 
 <div id="divMain"> 
  ... 
 </div> 
</body> 


body 
{ 
 margin: 0; 
 padding: 0; 
 text-align: center; 
} 
#divMain
{ 
 margin: 0 auto; 
 padding: 0; 
 width: 1024px; 
 text-align: left; 
} 



or

.divMain
{
position: absolute;
left: 10%;
width: 80%;
}

如何在浏览器中心显示整个页面

2 个答案: