1.设置全局字体样式app.wxss:text{font-family:MicroSoftyahei;}2.设置弹性盒子模型:复制代码.container{/弹性模型/display:flex;/垂直方向列方向排布/flex-direction:column;zhaoweb.cn/居中/align-items:center;/要从整体解决排布的问题是最好的方案/}复制代码3.设置页面全屏样式及背景
分类:
微信 时间:
2020-05-19 00:54:38
阅读次数:
281
nmap 报错问题解决configure: error: Neither flex nor lex was found. ...
分类:
系统相关 时间:
2020-05-19 00:28:07
阅读次数:
297
1. 弹性盒子中: flex: 0 1 auto表示什么意思 flex默认三个参数是flex-grow, flex-shrink, flex-basis,默认值是0 1 auto。 flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大; flex-shrink属性定义项目 ...
分类:
其他好文 时间:
2020-05-18 18:47:26
阅读次数:
67
flex是flexble Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。 当我们为父盒子设置为flex布局以后,子元素的float(浮动)、clear(清除浮动)和vertical-align(垂直居中,margin: 0 auto是水平居中) ...
分类:
移动开发 时间:
2020-05-18 00:56:29
阅读次数:
107
flex-basis是flex中的 子元素 属性,默认为auto !!!此属性优先级大于width!!! 默认auto时, 为子元素设置的width. 当 子元素的width设置为 百分比时,指子元素的width占父容器的width的百分比,当d1 为 50%,d2,d3 为25%时,见下图: 当 ...
分类:
其他好文 时间:
2020-05-16 00:16:16
阅读次数:
214
//按钮 .wx-swiper-dots.wx-swiper-dots-horizontal{ margin-bottom: 5rpx; float: left; text-align: center; } .wx-swiper-dot::before{ content: ''; flex-grow ...
分类:
微信 时间:
2020-05-15 11:53:31
阅读次数:
168
阮一峰的网络日志: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 采用Flex布局的元素 称之为Flex容器 它的所有子元素自动成为容器成员 称为 flex item 容器默认存在两根轴 水平的主轴,垂直的交叉轴 容器的属性 fle ...
分类:
其他好文 时间:
2020-05-12 16:35:19
阅读次数:
64
方法1: html: <div v-if='imgsback.length>0' class="flex"> <div class="img-box" v-for="(item, i) in imgsback" :key='i' > <img class="img" :src="item" alt= ...
分类:
Web程序 时间:
2020-05-11 18:49:46
阅读次数:
115
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit ...
分类:
Web程序 时间:
2020-05-11 11:39:20
阅读次数:
308
1.let、const更换为var声明 2.箭头函数更换为function 3.模板字符串``使用字符串拼接 4.flex布局更换为float浮动和positon定位 5.颜色rgb更换为16进制,rgba也可以通过识色转换为16机制,不过不透明,如果介意透明度的话可以外套一个div设置opacit ...
分类:
其他好文 时间:
2020-05-11 10:26:29
阅读次数:
202