如何使用css对整个屏幕页面进行居中

Question

我的html中有div，它有一个标签。

<div id="divInvalid" runat="server">
        <asp:Label ID="lblInvalidUser" class="error" runat="server"></asp:Label>
</div>

现在我想把css放在DIV或Label上，它会出现在页面中间。

请建议!!

Answer 1

尝试：

<div id="divInvalid" runat="server" style="text-align:center;">
        <asp:Label ID="lblInvalidUser" class="error" runat="server"></asp:Label>
</div>

Answer 2

试试这个：

#divInvalid{margin:0 auto;width:1024px;}

Answer 3

将display:inline-block提交给label

#divInvalid{
 text-align:center
}

label{display:inline-block;text-align:left;}

Answer 4

给div一个确切的大小950,1000,1050 ...然后放入CSS：

margin:0 auto; width: ...;

这应解决问题。

Answer 5

试试这个

#divInvalid{
  margin:0 auto;
  width:1024px;
}

#divInvalid label{
  height:80px; width:200px;
  position:absolute;
  top:50%;
  left:50%;
  margin:-40px 0 0 -100px;
}