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

a[target='_blank']{cursor:alias;}

::-webkit-scrollbar{-webkit-appearance:none;width:7px}
::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,0.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,0.5)}