Flux： View层将用户的动作转化为action,并发送Action层，Action层里面预先写好了应对脚本，在完成一系列的处理后，使用dispatch告诉Store层执行变更，Store层因为提前在dispatch注册了变更规则，所以现在Store可以变更数据，同时在数据变更后，通知View层 ...
分类：
Web程序 时间：
2020-03-03 19:03:53
阅读次数：
97
BFC也是HTML中的一个盒子（看不见而已），只有满足至少下列条件之一才能形成BFC: float属性不为none. position属性不为static和relative. display属性为下列之一:table-cell,table-caption,inline-block,flex,or i ...
分类：
其他好文 时间：
2020-03-03 12:53:14
阅读次数：
63
--关于fle布局 常用的还是那几个属性flex-direction，justify-content，align-items， 这两天重现翻阅动手都操作了一遍感觉收获不少现在整理一下，比如align-items属性和align-content属性的区别，比如flex-basis属性order属性有点 ...
分类：
Web程序 时间：
2020-03-02 15:03:12
阅读次数：
88
元素为行内元素，设置父元素text-align：center； 如果元素宽度固定，可以设置左右margin为auto； 如果元素为绝对定位，设置父元素position为relative，元素设置为left：0；right：0；并设置margin：auto； 使用flex-box布局，是定justif ...
分类：
其他好文 时间：
2020-03-02 01:01:09
阅读次数：
76
文本垂直居中的方式：line-height设置成height值 将父元素显示方式设置为表格，display：table-cell，同时设置vertical-align：middle 使用flex布局，设置为align-item：center 绝对位置中bottom：0，top：0，并设置margin ...
分类：
其他好文 时间：
2020-03-02 00:51:03
阅读次数：
66
使用flex-box布局（要注意flex在ie9以下是用不了的） eg，父元素{ justfy-content：center，align-item：center；display：flex；} 对于已知宽高的元素，可以父元素：position：relative； 子元素：position：absolu ...
分类：
其他好文 时间：
2020-03-02 00:41:00
阅读次数：
64
移动端flex布局 弹性盒布局语法分为两部分： 1. 添加在父容器上的语法 （1）display : flex; 设置为弹性盒（父元素添加） （2）flex-direction: 主轴排列方式 row; 默认值，默认为横向排列。 row-reverse; 反转横向排列（右对齐，从后往前排，最后一项排 ...
分类：
移动开发 时间：
2020-03-01 15:58:56
阅读次数：
92
父容器flex布局，子控件absult布局，会影响父容器的宽度 应该是这样的： 实际是这样的： 父容器的宽度不是预想的宽度，变小了 原来的错误代码： .kVideoCarrier { display: flex; flex-direction: column; width: 80%; /* flex ...
分类：
其他好文 时间：
2020-03-01 10:38:13
阅读次数：
78
首先看代码和效果↓ <style> .main { outline: 1px solid; display: flex; justify-content: space-between; flex-wrap: wrap; } .main>div { width: 100px; height: 100p ...
分类：
其他好文 时间：
2020-02-29 22:09:34
阅读次数：
299
今天小编将把大家带入移动端的世界里去，让大家了解CSS flex布局，下面小编要发车了。 一、flex布局中子项排列方式 如图：首先要定义（display:flex;）一个父容器是flex弹性模型才能进行我们的下一布操作，其中我们可以看到flex-direction定义了主轴的排列方式row(默认) ...
分类：
Web程序 时间：
2020-02-29 18:59:45
阅读次数：
194
