一、什么是BFC呢？ 1. BFC 即 Block Formatting Contexts (块级格式化上下文) 自译：如果BFC的盒子相当于985,211的高校，普通的盒子就是普通的大学 二、BFC的触发条件有哪些？ 1. 根元素（html标签就是一个BFC） 2. float的值不为none时 ...
分类：
其他好文 时间：
2020-02-23 14:55:03
阅读次数：
96
2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 F ...
分类：
其他好文 时间：
2020-02-21 12:47:42
阅读次数：
66
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
其他好文 时间：
2020-02-21 00:07:51
阅读次数：
65
小红想买些珠子做一串自己喜欢的珠串。卖珠子的摊主有很多串五颜六色的珠串，但是不肯把任何一串拆散了卖。于是小红要你帮忙判断一下，某串珠子里是否包含了全部自己想要的珠子？如果是，那么告诉她有多少多余的珠子；如果不是，那么告诉她缺了多少珠子。 为方便起见，我们用[0-9]、[a-z]、[A-Z]范围内的字 ...
分类：
其他好文 时间：
2020-02-19 19:00:01
阅读次数：
47
背景：最近在学习小程序开发，刷到了一个教学视频做计算器。作者强调在微信小程序里面无法执行eval方法 。想用Function进行构造，还是不被执行。 我好奇的搜了下发现很多人都碰到这个问题，就想自己实现一下，但是现实非常打脸，想了一天多时间，也没找到突破口，最后就在网上找到了 zl_calculat ...
分类：
微信 时间：
2020-02-19 16:40:36
阅读次数：
190
1.内容水平排列-左对齐需要在父节点上添加：display:flex;表示使用Flex布局。flex-direction:row; /* 表示内容直接横排列 */<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
分类：
其他好文 时间：
2020-02-19 00:32:17
阅读次数：
77
目的： 代码： <!--pages/index/index.wxml--> <view class="container"> <view class="top"> <text class="top_left">1</text> <view class="top_right"> <text class ...
分类：
其他好文 时间：
2020-02-18 20:43:14
阅读次数：
75
在传统的css布局，都是依赖于position，float，dosplay进行。在一些特定的布局的实现上往往很不方便，比如一个元素的垂直居中。鉴于这种关系，2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着， ...
分类：
Web程序 时间：
2020-02-17 15:42:51
阅读次数：
102
1、使用table-cell父级设置: display: table-cell; text-align: center; vertical-align: middle;子级设置: display: inline-block; vertical-align: middle;2、使用transform父 ...
分类：
其他好文 时间：
2020-02-14 16:03:48
阅读次数：
61
使用弹性盒子兼容低端适配有时需要： display:flex 和 display:-webkit-box display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit ...
分类：
Web程序 时间：
2020-02-12 12:55:03
阅读次数：
91
