- 博客(4)
- 收藏
- 关注
RSS订阅原创 Flex弹性布局——属性总结（二）
Flex不止有“容器属性”来控制底下各个子元素的布局，还有专门用于子元素自身设置的“子元素属性”。紧接着上一篇，继续总结：（二）子元素属性1、order定义子元素的排列顺序。数值越小，排列越靠前，默认为0。假设有以下标签：<div class="total"> <div class="one">apple</div> <div cl...
2018-12-31 16:19:35
691
原创 Flex弹性布局——属性总结（一）
前言最近小程序的势头渐渐变猛，一方面有微信逐渐完善的生态社区，另一方面又有百度、阿里甚至头条都开始构建自己的小程序生态。在移动端的兼容需求越来越多，那么提高开发效率自然也就成了前端的需求，Flex布局是个好东西。一、Flex与传统盒子的对比传统布局的核心是盒子模型，依赖 display 属性 + position 属性 + float 属性。可以看出来传统布局非常容易实现像 word 左...
2018-12-29 22:44:18
1577
原创 浅析瀑布流布局及其原理
一、什么是瀑布流很多时候我们会看到一些Vlog网站或者展示图片的网站，它们的图片明明每一张的高度大小都不同，但是却能自动地适应，排成一行一行地展示，并且下拉到底的时候，加载的图片也会自动适应，这就是瀑布流，比如下图。...
2018-12-20 09:53:20
24698
原创 理解padding和margin，等于理解了盒子模型
导读如果你在找有关盒子模型的理解问题，那么花上几分钟来看看，我会用通俗易懂的方法尽可能地把它讲清楚。可能很多人觉得，前端的难点大概就在于JavaScript和各种框架了，但是真正被CSS支配过的人会明白，CSS从使用上，难度甚至比JS还高。尤其是布局中对盒子模型的理解，直接影响整体效率。本文目的最近在开发中遇到了不少CSS的坑，打算记录一下以免再踩；希望用最浅显易懂的方法把盒子模型...
2018-12-10 23:33:18
2181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人