不自重者,取辱。不自长者,取祸。不自满者,受益。不自足者,博闻。
用button实现垂直水平居中对齐 进入全屏
line

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

趣店(原趣分期)技术学院
重点关注技术架构、服务化、优秀工具、自动化平台、开发全流程一体化解决方案、新人培养、工程师进阶之道等方面
这里环境优雅、氛围年轻、主要是福利还多,还等什么?我们敞开技术的大门,欢迎各种工程师加入!

评论区域

line
  • Alien 2012-10-19 13:20:28 回复
    回复 Witcher42 : 该问题已修复,谢谢反馈!
    Witcher42 said:
    犀利。
    另外,留言的邮箱不支持xxx.xxx@xxx.com也就是带.的这种格式啊。
  • Alien 2012-10-17 20:50:08 回复
    回复 Witcher42 : 是说用户名没有支持“abc.def”这样的形式吗?我check下~
    Witcher42 said:
    犀利。
    另外,留言的邮箱不支持xxx.xxx@xxx.com也就是带.的这种格式啊。
  • Witcher42 2012-10-17 20:48:35 回复
    犀利。
    另外,留言的邮箱不支持xxx.xxx@xxx.com也就是带.的这种格式啊。