经常我们会使用flex布局，但是flex布局常常会遇到一些不可思议的麻烦，下面介绍一下overflow遇到的麻烦 ...
分类：
其他好文 时间：
2018-07-09 11:14:37
阅读次数：
330
内容来源: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特 ...
分类：
其他好文 时间：
2018-07-08 21:11:37
阅读次数：
186
父容器flex布局，左右结构的某个子div的宽度为flex：1自适应，内容超出隐藏，需将其宽度设为0，再使用超出隐藏属性 例如： 如图 ...
分类：
其他好文 时间：
2018-07-05 21:30:32
阅读次数：
138
今年的FIFA世界杯甚是精彩，最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室，该h5聊天室采用750px全新伸缩flex布局，以及使用rem响应式配合fontsize.js，页面弹窗则是使用自己开发的wcPop.js插件；编辑器部分由原先的单一表情新增为动图表情，实现了消息、表情发送 ...
分类：
微信 时间：
2018-07-05 01:26:11
阅读次数：
2863
（1）先放代码，即： 我认为flex是设置一段区域，然后flex=1的部分会自动使用剩下的所有空间。 （2）父元素title-2设置为： display: flex height: 9rem （3）同时，设置图片的高度为8.8rem，然后再用padding使用余下的高度，即： height: 8.8 ...
分类：
其他好文 时间：
2018-07-01 23:06:47
阅读次数：
267
当父元素是flex: 1 布局 子元素设置 一行多出隐藏...就会失效，只要在父元素加入min-width：0 就能解决 刷新页面轮播图默认显示到最后一张问题解决： 因为数据初始化的时候 定义的list接收是个空数组，所以会出现这样的情况， 所以我们在swiper组件进行判断 v-if=”list. ...
分类：
其他好文 时间：
2018-06-29 19:57:21
阅读次数：
478
学习flexbox 需要关注2点，一个是容器，一个是容器内的item，如果容器设置为flex布局，则容器内的item会自动设置为flex布局，如果没有特意设置为其它样式的话 有main axis 和 cross axis, 取决于flex-direction如何设置，如果设置为row，则main a ...
分类：
其他好文 时间：
2018-06-26 19:29:10
阅读次数：
197
https://blog.csdn.net/cddcj/article/details/52131089 一、flexbox布局（弹性布局） 1.指定flex布局 { display:flex; display: -webkit-flex; /* Safari */}行内元素 { display:i ...
分类：
其他好文 时间：
2018-06-26 17:21:25
阅读次数：
156
flex弹性布局, 语法display:-webkit-flex; [指定伸缩容器]-webkit-flex: none | [flex-grow flex-shrink || flex-basis] | initial | auto取值： none：在任何情况下都不会发生伸缩 flex-grow： ...
分类：
其他好文 时间：
2018-06-25 01:16:38
阅读次数：
199
最近在总结前端知识，也参加了一些面试，面试中遇到一道题要求垂直水平居，现在对这进行一下总结，也好巩固一下知识。 方案一、flex布局 方案二、margin：auto 这里的section设置任意的高度和宽度都可以实现水平垂直居中的效果。 方案三、transform 使用transform方式可居中任 ...
分类：
Web程序 时间：
2018-06-23 22:45:28
阅读次数：
251
