一、Flex布局是什么？ Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上-webkit前缀。 注意，设为Flex布局以后，子元素的float、c ...
分类：
其他好文 时间：
2018-06-16 15:10:56
阅读次数：
149
1:???? 首先安装依赖 npm install --save-dev webpack style-loader css-loader postcss-loader sass-loader autoprefixer 2:然后配置webpack module: { rules: [ { test: ...
分类：
Web程序 时间：
2018-06-14 18:21:08
阅读次数：
342
一、序 Hi，大家好，我是承香墨影！ 最近在做小程序，验证一些方向，开发效率确实很快，就是各种微信的审核有点费劲，但是总归是有办法解决的。 想要开发一款小程序，其实和我们正常写一款 App 类似，你需要有精美的前端布局，并且同时还需要处理和前端 UI 组件的交互以及它们背后的逻辑。 最近会分享一些关 ...
分类：
移动开发 时间：
2018-06-14 14:37:55
阅读次数：
343
给元素添加display: flex;属性 垂直居中 align-items:center; 水平居中 justify-content:center; ...
分类：
其他好文 时间：
2018-06-14 14:25:15
阅读次数：
190
其他 此应用的全部数据来自 QQ音乐，利用 axios 结合 node.js 代理后端请求抓取 全局通用的应用级状态使用 vuex 集中管理 全局引入 fastclick 库，消除 click 移动浏览器 300ms 延迟 页面是响应式的，适配常见的移动端屏幕，采用 flex 布局 疑难总结 & 小 ...
分类：
移动开发 时间：
2018-06-14 11:36:30
阅读次数：
301
最近我根据一个UI设计，耗时3h快速实现较复杂页面布局，如上图。根据这份UI设计图，实现代码如下，暂不考虑具体细节，先以成型为主： 效果如图： ...
分类：
其他好文 时间：
2018-06-11 10:59:03
阅读次数：
164
1.左右定宽固定，中间自适应的布局 用flex布局，核心是把中间元素声明flex:1，使其占满剩余空间 2.上下固定，中间自适应的布局 用绝对定位布局，核心是中间元素的top与bottom给出来。 那这个上下固定，中间自适应是否可以用flex来做呢？显然可以，其实问题1与2都是可以用定位或flex来 ...
分类：
Web程序 时间：
2018-06-09 19:00:40
阅读次数：
224
在flex-direction: column子元素里直接使用height：100%，height并不会被设置成100% 解决办法是在flex-grow-1这一层再加一个flex row 从以上情况可以大致推测 flex-column子元素的height:100%会优先于flow布局来计算高度，所以 ...
分类：
其他好文 时间：
2018-06-08 20:43:30
阅读次数：
6813
未知宽度的div使内容水平垂直居中方法一：使用display：flex；justify-content:center;align-items: center;属性代码如下：<style> #box{ display: flex; justify-content:center; align-items ...
分类：
其他好文 时间：
2018-06-07 23:09:04
阅读次数：
327
方法1：绝对定位+margin:auto 方法2：display:table-cell 方法3：display:flex 方法4：绝对定位+margin ...
分类：
Web程序 时间：
2018-06-07 22:56:00
阅读次数：
213
