中心和比例輸入控件

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%; 
}​