html - 水平和垂直居中按钮的 CSS 代码

Question

我想弄清楚如何让我创建的这个按钮位于页面的正中心(垂直和水平)。我已经让它在水平面上居中，但不是在垂直平面上。任何帮助将不胜感激!

input#gobutton{
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
cursor:pointer; 
padding:5px 25px; 
background:#87CEFA; 
border:1px solid #1E90FF; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
color:#f3f3f3;
font-size:1.1em;
}

Answer 1

输入

文本对齐:居中；内边距:50px 0;

http://www.w3schools.com/css/css_align.asp