Web页面的布局，我们常见的主要有“浮动布局（float）”、“定位布局（position）”、“行内块布局（inline-block）”、“CSS3的多栏布局（Columns）”、“伸缩布局（Flexbox）”以及“网格布局（Grids）”等，在众多布局方法中，大家最为熟悉的就是浮动布局和网格布局 ...
分类：
其他好文 时间：
2019-03-21 11:59:52
阅读次数：
225
FFC(Flexible Formatting Context) CSS3引入了一种新的布局模型——flex布局(之前有文章介绍过)。flex是flexible box的缩写，一般称之为弹性盒模型。和CSS3其他属性不一样，flexbox并不是一个属性，而是一个模块，包括多个CSS3属性。flex布 ...
分类：
其他好文 时间：
2019-03-21 11:48:02
阅读次数：
194
Flex弹性盒布局 一、 Flex的发展史 Flex弹性盒布局 一、 Flex的发展史 2009年W3C 提出概念，但是官方没有flex这个词 2011年浏览器厂商决定使用flexbox，来形容它的布局特点 二、 定义 Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提 ...
分类：
移动开发 时间：
2019-02-28 18:10:35
阅读次数：
245
属性定义及使用说明 column-gap的属性指定的列之间的差距。 注意： 如果指定了列之间的距离规则，它会取平均值。 语法 column-gap: length|normal; Flex layout(存在兼容性问题) HTML 1 <div id="flexbox"> 2 <div></div> ...
分类：
Web程序 时间：
2019-01-26 00:50:06
阅读次数：
283
图文转自微博网友勾三股四 一、flex-direction 二、flex-wrap 三、justify-content 四、align-items 五、align-content ...
分类：
Web程序 时间：
2019-01-25 00:20:04
阅读次数：
197
1. 圣杯布局 2. CSS合并方法 3. 盒子模型 4. CSS定位 5. CSS动画原理 6. CSS3动画（简单动画的实现，如旋转等） 7. CSS不同选择器的权重(CSS层叠的规则) 8. flexbox布局 9. 块级元素和行内元素的异同 10. CSS在性能优化方面的实践（比方说选择器的 ...
分类：
Web程序 时间：
2019-01-11 00:02:01
阅读次数：
347
1、CSS3 Flexbox 布局完全指南(图解 Flexbox 布局详细教程) 2、CSS Grid 布局完全指南(图解 Grid 详细教程) ...
分类：
Web程序 时间：
2019-01-02 12:39:38
阅读次数：
271
作者 | 阮一峰 来源 | http://www.ruanyifeng.com/blog/2018/10/flexbox-form.html 弹性布局（Flexbox）逐渐流行，越来越多人使用，因为它写 CSS 布局真是太方便了。 三年前，我写过 Flexbox 的介绍（上，下），但是有些地方写得不 ...
分类：
其他好文 时间：
2018-12-22 01:12:57
阅读次数：
228
CSS3 flexbox 布局 flex项目属性介绍 现在介绍用在flex项目上的css 属性，html结构还是用ul, li 结构，不过内容改成1,2,3, 样式的话，直接把给 ul 设display:flex 变成flex 容器，默认主轴的方向为水平方向。index.html <ul> <li> ...
分类：
Web程序 时间：
2018-12-21 00:56:18
阅读次数：
178
假设高度已知，请写出三栏布局，其中左兰、右栏宽度各为300px，中间自适应。 1、浮动 2、绝对定位 3、flexbox 4、表格布局 5、网格布局 grid 1、浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m ...
分类：
其他好文 时间：
2018-12-15 11:49:00
阅读次数：
169
