一、简要介绍 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。 主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持： 其中在webkit内核的浏览器中使用时，必须加上-webkit-前缀 采用Flex布局的元素， ...
分类：
Web程序 时间：
2019-11-04 19:17:23
阅读次数：
85
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 容器设置 新版的为display为flex 老版的为display为webkit-box； 布局方向 老版的布局方向 flex-direction: ...
分类：
Web程序 时间：
2019-11-04 14:04:55
阅读次数：
83
最终效果如下（专注实现功能，所以页面比较简陋。。。） ...
分类：
其他好文 时间：
2019-11-02 12:14:53
阅读次数：
191
flex布局 "阮一峰：flex布局教程" http://www.ruanyifeng.com/blog/2015/07/flex grammar.html 注意点： 任何一个容器都可以指定为flex布局 行内元素也可以使用flex布局：display：inline flex webkit内核的浏览 ...
分类：
其他好文 时间：
2019-11-01 00:05:32
阅读次数：
125
垂直居中 方案一：relative + top 方案二：flex布局 水平居中 方案一：margin: 0 auto; ...
分类：
Web程序 时间：
2019-10-31 23:42:43
阅读次数：
137
uni-app——uni-ui的使用 0.2882019.06.09 22:53:34字数 186阅读 2602 0.2882019.06.09 22:53:34字数 186阅读 2602 1）uni-ui 是全端兼容的基于flex布局的ui库；2）可以使用 npm 的安装使用方式，也可下载相关组件 ...
分类：
移动开发 时间：
2019-10-25 20:43:03
阅读次数：
527
一、概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 上图这样的布局，就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性，都可 ...
分类：
Web程序 时间：
2019-10-15 09:47:20
阅读次数：
111
左侧宽度固定，右侧自适应 右边内容超出的话，就会导致左边固定的宽度大小不起重要了，这时只需要加上min-width: 0;就可以了 至于为什么，愣是看不懂。。。。 ...
分类：
其他好文 时间：
2019-10-14 14:57:40
阅读次数：
173
上篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 ...
分类：
其他好文 时间：
2019-10-06 17:06:37
阅读次数：
106
