作者：阮一峰（转自阮一峰的网络日志，如有侵权，立即删除） 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C ...
分类：
其他好文 时间：
2017-06-04 20:13:04
阅读次数：
1677
flexible box 弹性布局 1.开始flex布局 所有元素都支持flex布局 行内元素flex布局 webkit内核浏览器 常规布局方法使用的float，clear，vertical-align属性在flex中将失效。 2.为容器元素添加flex属性 容器元素即display为flex的元素 ...
分类：
其他好文 时间：
2017-06-04 18:44:54
阅读次数：
162
1.弹性盒子 从最初的使用table布局，当然了，现在某些表格展示的数据最好还是利用table布局， 到使用div+css布局，嗯，很大的一次进步，对于比较复杂的，div就显得力不从心了， 因此现在又有了flex布局！ 今年挺火的的grid布局也接踵而至，不过呢貌似除了谷歌，大多数浏览器还没支持 。 ...
分类：
Web程序 时间：
2017-06-04 14:41:07
阅读次数：
159
Document 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容... ...
分类：
其他好文 时间：
2017-06-02 19:39:08
阅读次数：
253
flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 一、容器的属 ...
分类：
Web程序 时间：
2017-06-02 17:52:38
阅读次数：
254
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 ...
分类：
其他好文 时间：
2017-05-30 23:09:44
阅读次数：
285
记录了2017年5月下旬刚毕业时面试的经典面试题 布局方面 1. 响应式布局，左侧栏目固定，右侧内容随着屏幕宽度变化而变化（高频） flex布局 position布局 css3计算宽度 float布局 flex布局 右侧div设置flex：1 自动填充满容器。 position布局 用pading将 ...
分类：
Web程序 时间：
2017-05-29 19:55:11
阅读次数：
190
做为css布局的又一种新方式，Flex拥有极强的使用效果，相比原来的float，position对元素样式的操作更加简洁，本文是我的一点学习经验和心得吧，如有错误以及不足之处，请多多指点。 好进入正题吧，首先借用阮一峰大神的一副图片： 再来说说flex的几个属性吧： 一、容器属性 1.flex-di ...
分类：
其他好文 时间：
2017-05-26 21:57:55
阅读次数：
314
Flex 布局教程：语法篇 作者： 阮一峰 日期： 2015年7月10日 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局 ...
分类：
其他好文 时间：
2017-05-26 15:11:52
阅读次数：
177
