- 博客(5)
- 收藏
- 关注
RSS订阅原创 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
196
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
468
转载 Flex 布局教程：实例篇
上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codep...
2018-06-28 15:05:34
255
转载 深入分析弹性盒模型
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。F...
2018-06-28 15:03:00
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人