CSS 奇技淫巧

用button实现垂直水平居中对齐 http://www.baidufe.com/item/113ce1894da2b5203669.html

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

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

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

<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>

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

你可能感兴趣的:(css)