方法一：使用transform属性 方法二：未知父元素高宽 方法三：使用Flex 方法四：使用table-cell，vertical-align:middle ...
分类：
其他好文 时间：
2019-05-23 21:14:16
阅读次数：
128
ample a.足够的；宽敞的 amplitude n.广大；充足；振幅 amusement n.娱乐，消遣，乐趣 analogue n.类似物；同源语 analogy n.相似，类似；比拟 abbreviation n.节略，缩写，缩短 abide vt.遵守 vt.忍受 identificati ...
分类：
其他好文 时间：
2019-05-22 14:02:14
阅读次数：
123
flex是flexiblebox的缩写，中文名字弹性盒子布局,在小程序布局中支持的很好 在试验之前可以看一下张鑫旭的flex https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 1.给父容器设置了display:fl ...
分类：
其他好文 时间：
2019-05-21 19:19:51
阅读次数：
142
1060 爱丁顿数 (25 分) 1060 爱丁顿数 (25 分) 1060 爱丁顿数 (25 分) 英国天文学家爱丁顿很喜欢骑车。据说他为了炫耀自己的骑车功力，还定义了一个“爱丁顿数” E ，即满足有 E 天骑车超过 E 英里的最大整数 E。据说爱丁顿自己的 E 等于87。 现给定某人 N 天的骑 ...
分类：
其他好文 时间：
2019-05-20 13:48:47
阅读次数：
120
1. 宽高百分比，不要固定死; 2. 弹性盒flex css3; 3. 单位（em、rem）px; 4. 媒体查询 利器 @media switch 960 1200; 5. gtid布局 网格布局; 6. view port 手机布局利器; 7. 框架布局 bootstrap、amazeUI、pu ...
分类：
其他好文 时间：
2019-05-18 15:47:48
阅读次数：
105
弹性盒子容器的属性与应用 display:flex/inline-flex flex-direction flex-wrap justify-content align-items align-content flex-flow 弹性盒子子项的属性与应用 order align-self flex ...
分类：
Web程序 时间：
2019-05-15 12:40:51
阅读次数：
200
上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 ...
分类：
其他好文 时间：
2019-05-14 19:03:01
阅读次数：
152
/* ============================================================ flex：定义布局为盒模型 flex-v：盒模型垂直布局 flex-1：子元素占据剩余的空间 flex-align-center：子元素垂直居中 flex-pack-cen... ...
分类：
移动开发 时间：
2019-05-14 14:42:15
阅读次数：
334
设定弹性盒子模型（display:flex）让子元素反向排列 示例说明：display: flex; 声明了盒子为flex弹性盒子布局，flex: 1; 声明了子元素占1份， flex-direction: row-reverse; /*这个属性就是在水平方向上反转*/<!DOCTYPE html> ...
分类：
Web程序 时间：
2019-05-14 09:30:17
阅读次数：
1449
none：隐藏对应元素，不为隐藏的对象保留其物理空间 block：指定对象为块元素 inline：指定对象为内联元素 inline-block：指定对象为内联块元素 table：指定对象为块元素的表格 list-item：指定对象为列表项目 flex：将对象作为弹性伸缩盒显示 ...
分类：
其他好文 时间：
2019-05-13 23:15:55
阅读次数：
150
