demo地址 http://106.13.201.82/demo/pageChange.html pageChange.vue <template> <div class="flex" :class="direction" :style="{width:width,height:height}" r ...
分类:
其他好文 时间:
2020-03-14 14:34:54
阅读次数:
332
链接:https://www.jianshu.com/p/a87e48052fad来源:简书 不同浏览器兼容性问题解决:添加浏览器前缀:-webkit- 实际工作:安装插件postCss插件 -》不需要手动加前缀 父级身上的属性: display: flex; justify-content: 子元 ...
分类:
其他好文 时间:
2020-03-12 12:41:19
阅读次数:
65
现在的盒模型主要有三种: 1. 标准盒模型 box-sizing: content-box; 这种盒模型是平时默认使用的方式。即设置的width/height的属性是content-box的属性。 2. 怪异盒模型 box-sizing: border-box; 这种盒模型在实际开发中最方便。即wi ...
分类:
其他好文 时间:
2020-03-12 09:40:46
阅读次数:
49
02-线性结构3 Reversing Linked List (25分) Given a constant K and a singly linked list L, you are supposed to reverse the links of every K elements on L. Fo ...
分类:
其他好文 时间:
2020-03-11 23:38:11
阅读次数:
110
GRID布局 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局?Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成 ...
分类:
其他好文 时间:
2020-03-11 01:06:18
阅读次数:
66
传统布局与flex布局 传统布局 :兼容性好;布局繁琐;局限性,不能在移动端很好的布局。 flex 弹性布局 :操作方便,布局极为简单,移动端应用很广泛;PC 端浏览器支持情况较差;IE 11或更低版本,不支持或仅部分支持。 布局原理 flex 是flexible Box 的缩写,意为"弹性布局", ...
分类:
移动开发 时间:
2020-03-09 23:50:24
阅读次数:
91
1. : 父元素盒子空间有剩余的时候, 这个属性的设置就是将剩余空间的瓜分比例,默认为0即不参与瓜分,设置值越大瓜分权重越大,当然参与者越多,瓜分到手的空间就越少~ 有点分蛋糕的意思,人一多就不够分了啊~ 参考伪代码 2. : 与 是两个极端, 这个是当父元素盒子不够分给子元素的时候,也可能是子元素 ...
分类:
其他好文 时间:
2020-03-08 15:41:39
阅读次数:
72
定位 可通过position属性还设置元素的定位。 ?可选值:static 默认值 没开启 ? relative 开启相对定位 ? absolute 开启绝对定位 ? fixed 开启固定定位(绝对定位的一种) 开启定位后可通过left、right、top、bottom四个属性来设置元素偏移量。 l ...
分类:
Web程序 时间:
2020-03-07 09:35:35
阅读次数:
82
flex布局是有主轴和交叉轴之分的,一横一竖,纵横页面。 1.主轴是横还是竖呢? flex-direction决定 row(水平)column(竖向) 加reverse决定从下到上,还是从右到左 交叉轴视主轴方向决定 2.盒子的主轴排布 jusitfy-content决定 center(中间) fl ...
分类:
其他好文 时间:
2020-03-06 17:07:21
阅读次数:
127
1.wrap flex布局自带white-space:wrap; 2.nowrap 3.pre-wrap ...
分类:
其他好文 时间:
2020-03-05 13:37:32
阅读次数:
61