html - 中心和比例输入控件

Question

给定this page ，我怎样才能更好地垂直居中并将 4 个按钮缩放为宽度的 50%(浏览器的宽度)和高度的 20%(浏览器的高度)，而其他 20%(按钮将占据 80%，因为那里它们中有 4 个)的高度在它们之间均匀分布吗？

Answer 1

检查这个 fiddle :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%;
}​