CSS FlexBox 教程学习笔记
这些是我在MDN教程上的学习笔记，教程地址 ：https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox 注：不能作为教程看，只能作为温习笔记看，要看教程请去上面链接或者其他教程资源。 flexbox是线性排布...
- 博客
- flex:1和flex:auto;.main>.section{ display: flex; height: 100px; margin: 4px 2px; } .main>.section>.col{ background: #ff5555; flex: auto ; bor...博客
- 对一个父元素设了弹性布局，就千万不要对它清除浮动一开始在一个div里边设置了三个子元素并且浮动，这样才不会高度坍塌嘛。后来又考虑到响应式布局用弹性布局好用，于是就对父元素设置了display:flex;justify-content:space-between;。 结果子元素并没有两边对齐： 代码如下： 后来才发现是之前清楚浮动的原因，于是...博客
- 移动端技术选型（一） 开发方案及布局技术选型 1. 单独制作（主流） （1）流式百分比布局：m.jd.com （2）flex弹性伸缩布局：m.ctrip.com 【比较】前者兼容性好，但布局繁琐、尤其是在移动端不能很好布局；后者兼容性差、尤其是PC端的IE版本，但移动端布局简易、使用广泛 （3）rem le...博客
- FlexPaper+SWFTools 实现仿百度文库及一些小问题网上已有很多FlexPaper仿百度文库的一些文章，园子里也有很多大牛的详细教程。 结合这次做的例子，在这里详细记录一下使用Flexpaper实现仿百度文库的效果，及自己在跟着园子里的教程做的时候，遇到的一些小问题。希望能给初次接触或者遇到同样问题的同学们提供一些小小的帮助。（描述不足...博客
- dispaly的Grid布局与Flex布局dispaly的Grid布局与Flex布局 Gird 布局与 Flex 布局有一定的相似性，都是对容器的内部项目进行划分。 Flex 布局是轴线布局，只能指定项目针对轴线的位置，可以看作成一维布局 Grid 布局则是将容器划分成行和列，产生单元格，然后指定项目所在的单元格，可以将它看成二...博客
- CSS实现文字聚光灯效果实现代码 body{ background:#222; display:flex; justify-content:center; align-items:center; min-height:100vh; } h1{ color:#333; ...博客
- Flexbox Froggy：练习 Flex 布局的小游戏相关截图 练习要求 运用 flex 的相关属性和值，主要是 justify-content align-items flex-direction order align-self flex-wrap flex-flow align-content 来帮助各种颜色的青蛙找到对应颜色的荷叶，总共...博客
- 弹性布局flex-grow和flex-shrink一、背景 弹性布局使用了很久了，一直停留在基本的用法，比如横向布局，竖向布局，垂直居中，水平居中，着实非常好用，当然，超低版本安卓有一些兼容性问题，但是总会出现一些奇奇怪怪的问题，比如横向排列的时候，其中的一个icon 元素会被截断，因为没有设固定宽度，之前是通过设定min-width，max...博客
- 小程序表单基础的小程序表单提交数据备份: wxml: <form bindsubmit="formBindsubmit" bindreset="formReset"> <view style="display:flex;"> <label>用户名：</label> <input nam...博客
