一、传统盒模型布局 二、flex弹性布局 详见之前文章 https://www.cnblogs.com/cxyqts/p/13048633.html 三、absolute定位布局 四、gird栅格布局 五、float浮动布局 ...
分类：
Web程序 时间：
2021-02-05 10:46:21
阅读次数：
0
Flex布局的基本内容： felx布局意为“弹性布局”，主要用于为盒状模型提供最大的灵活性。被广泛的应用于移动端，PC端的响应式布局。 首先：定义盒子为flex布局： .box{ display:flex; // 行内元素也可使用flex布局 // display:inline-flex;} 设置为 ...
分类：
其他好文 时间：
2021-02-02 10:31:03
阅读次数：
0
Flexible可以帮助Row、Column、Flex的子控件充满父控件，它的用法很灵活，也具有权重的属性。跟Flexible相类似的控件还有Expanded。 ...
分类：
其他好文 时间：
2021-01-18 11:18:09
阅读次数：
0
DIV水平垂直居中 div { width: 100px; height: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;} 父级控制子集居中（弹性布局）.parent { display: ...
分类：
Web程序 时间：
2021-01-15 11:40:06
阅读次数：
0
一、弹性布局(flex布局) #1. Flex 布局是什么？ Flex 是 Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ ...
分类：
移动开发 时间：
2020-12-19 11:46:11
阅读次数：
2
最近通过观看pink老师的视频学习了flex布局，以此来记录flex的简单使用！ flex布局原理 flex是flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。 当我们为父盒子设为flex布局以后，子元素的float、clear和 ...
分类：
其他好文 时间：
2020-09-18 03:06:31
阅读次数：
29
flex 布局 Flex :Flexible box 弹性布局，用来为盒装模型提供最大的灵活性。任何的容器都可以指定为Flex布局 .box{ diaplay:flex; ] 行内元素可以使用flex布局 .box{ display:inline-flex } 传统的布局时基于盒装模型 https: ...
分类：
其他好文 时间：
2020-07-29 14:33:40
阅读次数：
63
随着技术的发展，移动设备越来越流行，并且不同设备间屏幕尺寸和屏幕像素的差异，移动端开发面临着多分辨率适配的问题。 ...
分类：
移动开发 时间：
2020-07-22 02:01:44
阅读次数：
96
Flex(弹性布局)，是一种响应式布局，能自动伸缩盒模型达到自适应的效果。 弹性布局由弹性容器(flex container)和弹性项目(flex item)组成。 在弹性容器中，水平方向称为主轴(main axis)(起点main start,终点main end)；垂直方向称为纵轴(cross ...
分类：
Web程序 时间：
2020-06-29 21:27:31
阅读次数：
87
/* 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
