原来水平垂直居中写法为:height=line-height 实现垂直居中 text-align 实现水平居中
现在 使用 box-align 实现垂直居中 box-pack 实现水平居中
<!DOCTYPE html>
<html><head>
<title>水平及垂直居中</title>
</head>
<body >
<div style="width:300px; height: 300px; background-color: #ccc;
line-height: 300px; text-align: center;">
<input type="button" value="原有居中方式">
</div>
<div style="width:300px; height: 300px; background-color: #aaa;
display:-webkit-box;-webkit-box-pack: center;
; -webkit-box-align:center">
<input type="button" value="css3的居中方式">
</div>
</body>
</html>