今天同事在群里分享了一个特牛叉的前端小技巧：用button实现垂直水平居中对齐。

这个简直太强悍了，代码很简单，大概就是这个样子：

html代码：

<style type="text/css">
    button {  
        height:200px;
        width:300px;
        background: none;
        border: 1px solid #ccc;    
    }
</style>
<button><img src="http://static.baidufe.com/www/img/logo.png" /></button>

这个button的小技巧，值得收藏。

ref：http://jsfiddle.net/peterhry/wJ35V/