1、flex属性 flex-grow:;数字不带单位,定义项目剩余的宽度进行扩张(放大) flex-shrink:;数字不带单位,项目总宽度超出容器时的缩小设置 0 本身的大小,不缩小也不放大 1 平均分配,默认值 flex-basis: 0%;项目的长度 综合写法: felx:放大 缩小 长度; ...
分类:
Web程序 时间:
2020-03-24 23:38:40
阅读次数:
139
一、flex布局基础 1、flex布局的容器和元素 2、flex容器属性详解(用在容器上) 1)flex-direction 决定元素的排列方向 2)flex-wrap决定元素如何换行(排列不下时) 3)flex-flow flex-direction和flex-wrap的简写 4)justify- ...
分类:
微信 时间:
2020-03-24 22:54:07
阅读次数:
101
广告淘宝适配js文件下载地址 https://github.com/amfe/lib-flexible 开始 移动首页案例制作 弹性盒布局 body{ 的初始化样式 min-width:320px; max-width:540px; margin:0 auto; color:#000; backgr ...
分类:
移动开发 时间:
2020-03-21 21:56:45
阅读次数:
119
UIAlbumBrowser是一个本地媒体资源扫描器,在Android平台上可扫描整个设备的资源,iOS仅扫描相册内部的资源。注意本模块在iPhone设备上仅支持iOS8.0及更高版本。模块文档地址:https://docs.apicloud.com/Client-API/UI-Layout/UIAlbumBrowser本例展示了常用的imagePicker()接口和open()接口。imageP
windows下bison的安装与示例 Bison是一个语法分析器,bison和flex配合使用 可以将用户提供的语法规则转化成一个语法分析器 利用Bison,可以开发各种语言解释器 Bison的输入文件以.y作为后缀名 其语法文件的一般格式如下: %{ Prologue %} Bison decl ...
前段时间我刚讲了flex布局中的弹性布局,今天我就再来讲讲网格布局。 网格布局相对于弹性布局个人觉得较为简单, 作用在容器上的: display : grid grid-template-columns : 设置列数 grid-template-rows : 设置行数 fr单位 repeat()方法 ...
分类:
Web程序 时间:
2020-03-14 18:30:52
阅读次数:
84
单行截断 此方法兼容到ie6过。不过只能单行。 多行截断 此方法webkit私有,并且使用flex布局,只得在移动端和高版本 webkit 系列浏览器使用。 多行截断2 利用浮动元素特性模拟最后的省略号。 兼容性好,对各大主流浏览器有好的支持。 响应式截断,根据不同宽度做出调整。 文本超出范围才显示 ...
分类:
Web程序 时间:
2020-03-14 18:18:28
阅读次数:
71
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