如何使用CSS将整个屏幕页面居中div

-1

我在html中获得了低于div的值，并且它中有一个标签。如何使用CSS将整个屏幕页面居中div

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

现在我想把CSS放在DIV或Label上，它会显示在页面中间。

请建议!!

来源

2012-02-08 Manoj Singh

是整个屏幕的大小或只是居中的div？ – GeekMasher 2012-02-08 09:55:23

DIV将中心整个画面 – 2012-02-08 09:57:27

[中心页面使用CSS的中间一个div盒（可能重复http://stackoverflow.com/questions/2498003/center-a-div-box-in-the - 中间的最页 - 使用 - CSS） – Quentin 2012-02-08 10:02:22

尝试：

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

来源

2012-02-08 09:52:09

宽度应该是100％'style =“text-align：center; width：100％”' – mgraph 2012-02-08 09:53:32

@mgraph div是由默认值**设置的100％宽度！ – 2012-02-08 09:54:04

但我希望我的标签位于页面的中心，上面的代码仅放置其中心，但仅位于页面顶部 – 2012-02-08 09:56:43

试试这个：

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

来源

2012-02-08 09:52:11

他想要中心标签.... – 2012-02-08 09:52:56

给display:inline-block到label

#divInvalid{ 
text-align:center 
} 

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

来源

2012-02-08 09:54:51 sandeep

为什么内嵌块？内联足以让父div对齐它...... – 2012-02-08 09:57:32

@RoyiNamir;检查这个http://stackoverflow.com/questions/7279294/how-do-i-center-an-inline-block-floated-header-with-no-extra-markup/7279451#7279451 – sandeep 2012-02-08 10:06:01

我不知道你在说什么但是要在div中居中你不必使它显示inline-block ... inline就足够了.http：//jsfiddle.net/vpcXS/3/ – 2012-02-08 10:09:19

给股利确切大小，950，1000，1050 ......然后放入CSS：

margin:0 auto; width: ...;

这应该解决这个问题。

来源

2012-02-08 10:01:05 GeekMasher

应该是什么CSS – 2012-02-08 10:02:57

＃[名inline-block的] {margin：0 auto;宽度：...;} （...）：什么尺寸的div。 – GeekMasher 2012-02-08 10:04:28

试试这个

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

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

来源

2012-02-08 10:26:42 Abhidev

如何使用CSS将整个屏幕页面居中div

回答

相关问题