写在前面Block formatting context （块级格式化上下文） 页面文档由块block构成 每个block在页面上占据自己的位置使用新的元素构建BFC overflow：hidden | auto | scroll； 只要不为visible新的空间告诉浏览器，外面的环境影响不到我了 ... ...
分类：
其他好文 时间：
2020-01-29 12:39:35
阅读次数：
83
真香 近期做项目,使用了很多次弹性盒子,一是当练习,二是传统的float以及定位缺点确实不少. 下面放上一个我遇到的问题 本来要实现的样式是让他浮动每个都挨着,有一定距离,但是不知道哪里出了问题导致没办法实现,后来是使用了万能的display:flex;flex wrap:wrap; ...
分类：
其他好文 时间：
2020-01-28 19:35:12
阅读次数：
58
host为ubuntu16.04 下载相关工具 $ sudo apt-get install automake bison chrpath flex g++ git gperf \ gawk libexpat1-dev libncurses5-dev libsdl1.2-dev libtool \ ...
分类：
其他好文 时间：
2020-01-27 14:00:38
阅读次数：
96
1.解决 toast 中传入 html 的问题，通过假的 slot 来实现 2.在 toast 中加 html 是比较危险的一个动作，所以要加一个选项默认不开启。 3.flex shrink的使用,flex shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。 如果所有项目 ...
分类：
其他好文 时间：
2020-01-27 00:16:41
阅读次数：
88
flex布局原理 常见的父项属性 flex-direction设置主轴方向 justify-content 设置主轴上的子元素排列方式 flex-wrap属性 align-items属性 align-content属性 flex-flow属性 常见的子项属性 align-selt属性 hj ...
分类：
移动开发 时间：
2020-01-26 20:50:51
阅读次数：
107
如果你刚刚说开心，说鸡冻，说嘚瑟，那你完了，你高兴得太早了，毕竟小程序布局的技术，Flex都还没开始学，等学会再嘚瑟吧。
Flex是Flexible Box的缩写，意为”弹性布局”，可以支持从左到右，从上到下...... ...
分类：
微信 时间：
2020-01-23 15:30:34
阅读次数：
159
1.指定文本前后添加内容 2. 实现一个书签标记logo 3.文字前后自动加上引号 4.自定义样式实现checkbox 5. 简单实现一个聊天气泡 6. 相片堆叠 参考链接 "掘金:CSS伪元素:before和:after介绍" ...
分类：
Web程序 时间：
2020-01-22 23:51:13
阅读次数：
179
如图可见flex的属性分为父容器和子容器的属性共12个。关于这些属性具体代表什么意思，网上有很多教程的文章，自觉不能写得比别人更好，所以这里主要写了一些例子关于父容器属性效果的演示，希望可以帮助大家理解。后续还会有关于子容器演示的地址更新。flex布局父容器属性部门效果演示地址 如图可见flex的属 ...
分类：
其他好文 时间：
2020-01-21 19:56:30
阅读次数：
68
html中 <div class="flexLayoutr"> <div class="div_head"></div> <div class="div_content">中间区域</div> <div class="div_foot"></div> </div> css中 *{ margin: 0 ...
分类：
移动开发 时间：
2020-01-21 16:13:07
阅读次数：
185
双飞翼布局，就是两端固定宽高，中间自适应的三栏布局 先来张图，左边和右边的灰色块是固定宽高的，中间绿色的区域是宽高自适应 方式一：通过flex弹性布局来实现 看代码 //HTML结构，div2是中间的自适应区域 ... <body> <div class="wrap"> <div class="di ...
分类：
Web程序 时间：
2020-01-20 14:45:21
阅读次数：
89
