中心和比例输入控件

Question

鉴于this page，如何更好地垂直居中并将4个按钮缩放为宽度的50％（浏览器的宽度）和高度的20％（到浏览器的高度），其他20％（按钮占80％，因为其中有4个）高度均匀分布在它们之间？

Answer 1

检查此小提琴：http://jsfiddle.net/dj2fu/

你需要做一些事情才能让它以你想要的方式运作。

删除<br>

应用以下CSS：

html, body {
    min-height: 100%;
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
}
#divMainMenu {
    margin: auto;
    height: 100%;
    width: 100%;
    display: table;
}
#divMainMenu input[type="button"] {
    display: block;
    width: 50%;
    margin: auto;
    height: 20%;
    margin-bottom: 2.5%;
    padding: 0;
    margin-top: 2.5%;
}​