对齐页面中间/中心的文本和底部/中心的按钮

本文介绍了对齐页面中间/中心的文本和底部/中心的按钮的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我试图在页面的中间/中间部分放置一个标签，而在页面的底部/中间部分放置标签，但却很苦恼。
此

I am trying to put a label in middle/center part of the page and button at bottom/center part of the page but struggling.The jsfiddle for this

下面是HTML代码片段，

Below is the HTML code snippet,

<div style="text-align:center;vertical-align:middle;">
    <label id="lblStatus">Please wait...</label>
</div>
<button id="btnClose" value="Close" onclick="window.close();" style="position:absolute; bottom:0; text-align:center; width:80px"></button>

推荐答案

这应该可以工作：

<div style="text-align:center;vertical-align:middle;">
    <label id="lblStatus" style="position: absolute; top: 50%;">Please wait...</label>
</div>
<div style="text-align: center;">
    <button id="btnClose" value="Close" style="position:absolute; bottom:0; text-align:center; width:80px">A button</button>
</div>

这是一个。

这篇关于对齐页面中间/中心的文本和底部/中心的按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！