2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式地实现各种页面布局。时至今日,它已获得了所有浏览器的支持,这让flex布局成为未来布局的首选。 一、那何为Flex? 其实Flex是Flexible Box的缩写,意为”弹性盒子”,用来为盒状模型提供最大的灵活性。 任何一 ...
分类:
其他好文 时间:
2019-08-31 17:21:30
阅读次数:
89
第1章 课程介绍本章主要是向你介绍什么是混合开发,以及目前混合开发中的几种方案。第2章 Hybrid 技术原理本章主要讲解 hybrid 技术原理与核心本质,让你对混合开发有更清楚的认识。第3章 开发前的准备本章主要讲解核心代码开发前的准备知识,比如 Flex 布局、webpack 和 @vue/c ...
分类:
移动开发 时间:
2019-08-31 01:22:21
阅读次数:
248
一、align-items和其参数 stretch / baseline 二、flex-wrap 和其参数 row-wrap (默认) / wrap / flex布局,基础内容已经结束,欢迎大家一起交流。 <view class="root"> <view class="box1">1</view> ...
分类:
微信 时间:
2019-08-29 16:03:46
阅读次数:
141
<!DOCTYPE html><html> <head></head> <meta charset="utf-8"> <style type="text/css"> .con{ width:102px; border:solid 1px red; display: flex; flex-wrap: ...
分类:
其他好文 时间:
2019-08-27 19:12:43
阅读次数:
195
经典三栏布局之圣杯、双飞翼、弹性布局 圣杯布局和双飞翼布局是前端工程师需要掌握的布局方式,两者功能相同,都是为了实现两侧宽度固定,中间宽度自适应的布局方式,此外,使用新增的flex布局,可以使布局更加简单。 双飞翼布局和圣杯布局虽然实现方式有所差异,但是基本上都遵循了以下几点: 两侧宽度固定,中间宽 ...
分类:
其他好文 时间:
2019-08-26 22:49:20
阅读次数:
88
1 flex布局(弹性盒,英文Flexible Box) display:flex;类似于块级元素 display:inline-flex,类似于内联元素 注意:设为Flex布局以后,子元素的float,clear和vertical-align属性将会失效 2 容器的属性(添加在容器上)2.1 fl ...
分类:
其他好文 时间:
2019-08-26 19:37:44
阅读次数:
104
一、为什么要使用rem布局 前面我写了flex布局的优点,分配伸缩盒容器中子盒子占的份数及排列方式,使其不受屏幕缩放的影响,使布局变得简单。然而,在有些时候,不可避免要给盒子设置高度的值,怎么让高度也随着屏幕大小变化等比例缩放呢?另外,怎么让页面文字大小也随着屏幕的大小变化而缩放呢?rem布局就可以 ...
分类:
移动开发 时间:
2019-08-26 14:48:09
阅读次数:
100
以下是弹性布局的一些知识点,很简单,易懂! 语法:属性:display 取值: flex:当前元素充当弹性布局的容器,并且本身以块级元素显示。 inline-flex:当前元素充当弹性布局的容器,并且本身以行内元素显示。 概念: 容器:容纳弹性布局中子元素的父元素。 项目:容器中的子元素 注意:元素 ...
分类:
其他好文 时间:
2019-08-26 09:58:21
阅读次数:
66
让微信小程序爱好者独自开发企业小程序,课程中讲解了搭建企业微信站点所需的基本知识要点(小程序flex布局、数据绑定、列表渲染、常用事件),然后实战搭建微信企业站,同时讲解如何通过获取远程服务器端数据、测试与发布https://edu.51cto.com/course/19321.html
分类:
微信 时间:
2019-08-22 16:09:04
阅读次数:
186
全都是自己写的 希望大家可以点个赞 谢谢! Html代码(没时间精简 请多包涵) 全都是自己写的 希望大家可以点个赞!!!(顺便凑下字数) 全都是自己写的 希望大家可以点个赞!!!(顺便凑下字数) 全都是自己写的 希望大家可以点个赞!!!(顺便凑下字数) 全都是自己写的 希望大家可以点个赞!!!(顺 ...
分类:
其他好文 时间:
2019-08-21 21:24:59
阅读次数:
55