0

有人请帮助我如何将内容页面放在页面的中心。我正在尝试使用 css 类，但内容没有 css 属性。在我的应用程序中，当我点击登录详细信息时，该页面应该在居中但在菜单项下打开。这是我的代码：

4

4 回答 4

1

正如其他海报所说，您需要使用 CSS 将 div 定位在屏幕中央。

这是一些可以帮助您解决此问题的快速代码。

div#centered {
    background-color: #eee; 
    border: 1px solid #ddd; 
    position: absolute; 
    left: 50%; 
    top: 50%;  
    width: 400px;  
    height: 300px; 
    margin-left: -200px;  
    margin-top: -150px;
}

它的用法：

<div id="centered"><!-- your login stuff --></div>
于 2009-02-14T15:45:29.470 回答
1

左右边距上的 auto 值可以使 div 水平居中。不幸的是，这在垂直方向上不起作用，因此您可能需要手动设置或动态检测屏幕分辨率。

<div id="loginBox">
..login form here
</div>

<style>
#loginBox {
  width:400px;
  height:300px;
  margin:400px auto 0px auto;
}
<style>
于 2009-02-14T15:59:54.147 回答
0

将您的内容占位符放在 a 中<div>，然后将 div 居中？

于 2009-02-14T15:28:27.530 回答
0

内容占位符是一个虚拟容器，它不会影响页面的可视化。将其视为 LiteralControl。所以你应该设计你的内容占位符的周围元素。

于 2009-02-14T15:33:08.937 回答