我试图获得一个占据整个屏幕并在其上显示单词 Loading... 的 div。我希望文本水平和垂直居中。
我设法让它水平对齐,但文本位于屏幕顶部而不是中间。
代码是:
<div id="loadingdiv" class="screenMask"><p>Loading . . .</p></div>
div.screenMask
{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
overflow-y: auto;
z-index: 1000;
background-color: #000000;
opacity: 0.7;
filter: alpha(opacity=70);
text-align: center;
font-size: 28px;
}
div.screenMask p
{
border: 1px solid red;
color: white;
display: inline;
z-index: 1001;
vertical-align: middle;
}
这是在jsFiddle中:
任何人都知道我怎样才能获得垂直中间位置的文本?
我认为垂直对齐会起作用,但它没有