我试图让一个div将占用整个屏幕,并显示单词加载...在它上面。我希望文字在中心水平和垂直。如何让一些文本出现在屏幕中间的一个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:
任何人都知道我怎样才能在垂直中间位置的文本?
我认为垂直对齐会工作,但它不会做
它很近但水平对齐丢失 – AnonyMouse 2012-07-06 03:28:30
更新了我的答案。还有其他方法,如果这不适合你。 – 2012-07-06 03:42:36