不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。

今天同事在群里分享了一个特牛叉的前端小技巧:用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/