flex盒子模型由容器(flex container)以及容器的直接子元素(flex item)组成。 以容器(flex container)定义,有主轴(main axis)以及交叉轴(cross axis),主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end. ...
分类:
其他好文 时间:
2018-10-20 14:56:37
阅读次数:
234
此次项目需要兼容 andriod 4.4 ,ios 8 . 故此带来了不少兼容问题 1. vue 项目在本地表现正常,打包后出现部分样式丢失。 如果只是小范围的影响,可以用以下注释跳过 webpack 对 css 的压缩计算 大范围的样式更改,可以直接修改 / build / webpack.pro ...
分类:
移动开发 时间:
2018-10-19 20:17:25
阅读次数:
330
flex: 概念: flex容器: display:flex flex项: 轴:水平的主轴、垂直的交叉轴 容器的属性: 1. flex direction(决定主轴的方向、即项目的排列方向) 1.1 row(默认值): 主轴为水平方向,起点在左端 1.2 row reverse: 主轴为水平方向,起 ...
分类:
其他好文 时间:
2018-10-19 00:06:31
阅读次数:
133
1. 首先将窗口属性KeyPreview设为true,如果属性对话框中找不到,就直接在代码里添加;2. 添加KeyPress / KeyDown事件:KeyPress 和KeyDown 、KeyPress之间的区别: 1).KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母( ...
—.单位 1.px 就是一个基本单位 像素 2.em 也是一个单位 用父级元素的字体大小乘以 em 前面的数字。如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px。 3.rem 也是一个单位,只跟根节点<html>的字体大小有关。如果没有默认就是16px.。 4.line- ...
分类:
Web程序 时间:
2018-10-16 13:43:31
阅读次数:
106
Schlumberger Visual MODFLOW Flex v5.1 Win64 1CDInnovMetric PolyWorks Metrology Suite 2018 IR5 3D测量软件该公司通用3D测量软件平台的最新主要版本提供了可在任何3D测量设备上运行的通用检测项目,增强的对齐工 ...
分类:
Web程序 时间:
2018-10-15 11:49:00
阅读次数:
265
拼图小游戏 先来预览,咳咳,这个比上次那个地鼠会好看点…… ![预览][1] 代码是可以设置难度的,3就是9,9就是81…… 相比来说,此程序难度可是远远高过打地鼠的,希望小伙伴能跟上~ html header好理解,注意其中的“新标签打开图片”相当于过关福利,平常是隐藏的。 之所以内容这么少,是因 ...
分类:
其他好文 时间:
2018-10-13 20:24:34
阅读次数:
207
关于Flex 背景 在flex布局出现以前,常用的水平和垂直居中对齐方式有很多。flex布局的出现基本规范了这一过程。 通过justify content和align items两个属性即解决了水平居中、垂直居中、水平垂直混合居中的问题。 display:flex 应用在父元素的属性 flex fl ...
分类:
Web程序 时间:
2018-10-13 14:45:15
阅读次数:
174
方法1:浮动 方法2:绝对定位 方法3:flex布局 方法4:display table-cell 方法5:grid布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>layout</title> <s ...
分类:
其他好文 时间:
2018-10-11 18:43:13
阅读次数:
128
在项目开发中遇到一个关于scroll-view的的问题,具体如下: 项目要求是横向滚动,由于直接在scroll-view组件设置display:flex不生效,因此考虑直接在scroll-view下增加一个wrap,将所有的item放在wrap内, 将wrap设置为display:flex,这种方式 ...
分类:
微信 时间:
2018-10-08 18:08:44
阅读次数:
1348