- 博客(5)
- 收藏
- 关注
原创 jQuery实现点击回到顶部
css *{margin: 0;padding: 0;} a{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;background: #66aeff;color: #fff;position: fixed;bottom: 10px;right: 10px;} ul&...
2018-09-20 10:35:53 245 1
原创 详解div模拟select效果及点击跳转
HTML <div class="select_box"> <span class="select">没错就是点我</span> <a href="javascript:;" onclick="sure()"><img src="../images/sur
2018-06-29 11:36:47 497
转载 Flex 布局教程:实例篇
上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codep...
2018-06-28 15:05:34 271
转载 深入分析弹性盒模型
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。F...
2018-06-28 15:03:00 258
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人