当 display: flex 配合 justify-content: center 使用时可以让view水平居中 而配合 align-items: center 用时可以实现垂直居中效果 .card-image-container{ width: 40%; height: 90%; align-i ...
分类:
微信 时间:
2020-06-30 10:35:20
阅读次数:
123
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式地 ...
分类:
其他好文 时间:
2020-06-30 10:28:51
阅读次数:
76
Flex(弹性布局),是一种响应式布局,能自动伸缩盒模型达到自适应的效果。 弹性布局由弹性容器(flex container)和弹性项目(flex item)组成。 在弹性容器中,水平方向称为主轴(main axis)(起点main start,终点main end);垂直方向称为纵轴(cross ...
分类:
Web程序 时间:
2020-06-29 21:27:31
阅读次数:
87
1:找个容器: .container { display: flex | inline-flex; //可以有两种取值:块元素,行内元素 } 2:容器的设置: .container { flex-direction: row | row-reverse | column | column-rever ...
分类:
其他好文 时间:
2020-06-29 13:17:23
阅读次数:
63
在Canvas API中,上下文CanvasRenderingContext2D对象提供了一个绘制圆与圆弧的方法,其基本格式为: void arc(in float x, in float y, in float radius, in float startAngle, in float endAn ...
分类:
编程语言 时间:
2020-06-25 09:41:17
阅读次数:
87
这里是单行布局 使用ul>li 来布局 <ul class="local-nav"> <li> <a href="#"> <span class="local-nav-icon-icon1"></span> 攻略景点 </a> </li> <li> <a href="#"> <span class= ...
分类:
移动开发 时间:
2020-06-24 19:37:53
阅读次数:
62
1、html <div class="cardBox" v-for="(item,idx) in arr" :key="idx"> <div class="cart-left"> <div class="cart-left-head"> <h3>{{item.name}}</h3> </div> < ...
分类:
其他好文 时间:
2020-06-24 17:57:41
阅读次数:
206
① 亮度调整:进度条拖动实现亮度改变。 ② 对比度调整:进度条拖动实现对比度改变。 ③ 马赛克笔刷:点击图标,在画布上鼠标-点击-拖动实现局部马赛克处理。 ④ 放大:点击放大图标,实现图片1.2倍放大。可多次点击。 ⑤ 缩小:点击缩小图标,实现图片0.83倍缩小。可多次点击。 ⑥ 旋转:点击旋转图标 ...
分类:
Web程序 时间:
2020-06-23 00:45:21
阅读次数:
468
/* pages/flex/flex.wxss */ .outter{ width: 100%; display: flex; /* justify-content: flex-start; 左对齐 */ /* justify-content: flex-end; 右对齐 */ /* justify ...
分类:
其他好文 时间:
2020-06-21 00:00:50
阅读次数:
61
深度学习 深度学习是机器学习的分支,也就是神经网络,为什么称之为”深度“?因为有很多连接在一起的神经层! 前馈网络 Feedforward Networks 也叫Multilayer Perceptrons(多层感知机),大致的结构如下图所示 其中,每一个节点都可以看做是一个函数,将上一层传过来的输 ...
分类:
Web程序 时间:
2020-06-20 18:55:42
阅读次数:
99