Question

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

Answer 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>

Answer 2

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

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

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

Answer 3

将您的contentplaceholder放在<div>中，然后将div居中？

Answer 4

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

在asp.net内容页面需要帮助

4 个答案: