1.布局原理 2.flex布局父项常见属性 子项flex属性使用 flex=可以用百分比的形式 ...
分类：
其他好文 时间：
2020-02-29 13:09:23
阅读次数：
48
最近想写一些博客，顺便复习一些自己的基础知识所以想到说说自己对flex布局的一些理解 flex意思为“弹性布局”，是移动端开发必备的属性简洁、快速，为盒状模型提供了最大的灵活性。 flex的属性 属性和说明 1 flex-direction //决定item的排列方向 2 flex-wrap： // ...
分类：
Web程序 时间：
2020-02-28 14:01:41
阅读次数：
79
常见的移动端布局方法 flex布局，很重要！！ 其他的布局，你掌握也就ok了，但是这个布局，你一定要非常非常熟悉，因为我们后面的前段框架react 以及手机端混合app开发，微信小程序开发都是用的是这个布局。 我做了以一个仿 携程网的移动端首页，供你参考 flex布局原理 1. 这个是“弹性盒子”布 ...
分类：
移动开发 时间：
2020-02-25 20:25:16
阅读次数：
100
2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 F ...
分类：
其他好文 时间：
2020-02-21 12:47:42
阅读次数：
66
1.内容水平排列-左对齐需要在父节点上添加：display:flex;表示使用Flex布局。flex-direction:row; /* 表示内容直接横排列 */<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
分类：
其他好文 时间：
2020-02-19 00:32:17
阅读次数：
77
在传统的css布局，都是依赖于position，float，dosplay进行。在一些特定的布局的实现上往往很不方便，比如一个元素的垂直居中。鉴于这种关系，2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着， ...
分类：
Web程序 时间：
2020-02-17 15:42:51
阅读次数：
102
先来看看一个例子 在一个div我们把四个按钮全部放到右边去了，看下效果↓ 这个时候我们想把第一个按钮左对齐，其他保持不变 这时候我们来个第一个按钮样式上加上 ：margin-right: auto; 再看页面效果↓ 同理如果你是左对齐，让最后一个右对齐，就给最后一个按钮样式加上：margin-lef ...
分类：
其他好文 时间：
2020-02-11 17:38:30
阅读次数：
789
当指定view为flex布局后，给子元素定义width是不起效果的。 原因：定义为flex布局元素的子元素，自动获得了flex-shrink的属性，这个属性是什么意思呢？就是告诉子元素当父元素宽度不够用时，自己调整自己所占的宽度比，这个flex-shrink设置为1时，表示所有子元素大家同时缩小来适 ...
分类：
其他好文 时间：
2020-02-07 15:15:04
阅读次数：
74
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于 "盒状模型" ，依赖 " " 属性 + " " 属性 + " " 属性。它对于那些特殊布局非常不方便，比如， "垂直居中" 就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地 ...
分类：
其他好文 时间：
2020-02-07 10:36:58
阅读次数：
56
WXSS和CSS： WXSS(WeiXin Style Sheets)具有CSS大部分特性。同时为了更适合开发微信小程序，WXSS对CSS进行了扩充以及修改。主要体现在两个方面： 1, 尺寸单位。2, 样式导入。 rpx尺寸单位： 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhon ...
分类：
微信 时间：
2020-02-04 22:09:14
阅读次数：
125
