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

阿里巴巴-钉钉-开放平台,能力开放&开发者运营岗位招聘中, 期待你的加入!
钉钉开放,让应用开发更简单
充分开放,是钉钉的重要方向!除致力于为开发者打造丰富的开放API, 更易接入的场景化能力包, 完备的应用开发工具之外, 还需要持续构建开放能力的布道、开发者生态运营体系,包括培训、沙龙、大会、社区合作等等。业务在快速发展,我们也还需要更多优秀的小伙伴加入!

评论区域

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也就是带.的这种格式啊。