在 ASP.NET 内容页面中需要帮助

Question

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

Answer 1

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

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

<style>
#loginBox {
  width:400px;
  height:300px;
  margin:400px auto 0px auto;
}
<style>

Answer 2

正如其他海报所说，您需要使用 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>

Answer 3

将您的 contentplaceholder 放入

中，然后将 div 居中？

Answer 4

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