梳理下平时常用css水平垂直居中方式～ 使用flex布局 HTML CSS 利用flex的 垂直居中， 水平居中 利用相对定位和绝对定位的 HTML CSS 相对定位下，使用绝对定位将上下左右都设置为0，再设置 即可实现居中 利用相对定位和绝对定位，再加上外边距和平移的配合 HTML CSS 相对定 ...
分类：
Web程序 时间：
2020-05-04 13:23:36
阅读次数：
77
对比一下常用的三种布局： 1.传统布局方式：利用position属性+display属性+float属性，兼容性最好，但是效率低，麻烦 2.flex布局：效率高，学习成本低，兼容性强 3.grid:翻译网格，grid布局相对于flex布局稍微复杂那么一点点，但grid布局比flex布局更强大。 有一 ...
分类：
其他好文 时间：
2020-05-02 21:00:42
阅读次数：
92
1.不使用flex时，在index.wxml里写格式 2.在index.wxss里写样式 3.开始启用flex格式 3.1 flex-flow: row; 元素按照一行排列； flex-flow: column; 元素按照一列排列 3.2 flex-direction: column; 元素排列方式 ...
分类：
微信 时间：
2020-04-29 16:29:31
阅读次数：
275
基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp，UI 界面参考了安卓版的网易云音乐、flex 布局适配常见移动端。 因为服务器的原因，所以可能多人访问的时候有些东西会加 ...
分类：
移动开发 时间：
2020-04-29 12:56:51
阅读次数：
149
第一种方法： .item{ margin-left:auto; } 第二种方法： .item{ flex: 1; text-align: right; } ...
分类：
其他好文 时间：
2020-04-28 13:24:31
阅读次数：
292
简介： Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex ...
分类：
Web程序 时间：
2020-04-25 13:07:32
阅读次数：
79
一个简单的手机的登录界面，用flex布局，无数据处理后台。效果图： 这个例子用flex，弹性布局。素材有以下一些图片： 根据效果图，规划为flex的列布局，划分比例大概如下图： 操作步骤： 1 做个DIV容器盒子main，它就是主要的盒子。 2 再放各个盒子，一共五个，五个盒子挤在了一起，因为他们没 ...
分类：
其他好文 时间：
2020-04-19 20:55:35
阅读次数：
75
为什么写这个呢？因为在开发管理系统的过程中，会不可避免的对一些css属性进行调整，其次虽然在大学中学过这些东西，但是主业为java后端，这些我当时是的确是聊聊而过了 一、flex布局介绍，代码如下 { display: flex; justify-content: space-between; al ...
分类：
Web程序 时间：
2020-04-15 00:46:31
阅读次数：
71
Flex布局 //Flex 是 Flex Box 的缩写，意为“灵活的盒子”或“弹性的盒子”，所以flex布局一般称为弹性布局。 flex容器：所有含有 display:flex | inline-flex; 的容器都是flex容器。 flex项目：flex容器的所有子元素都是flex项目。（不包括 ...
分类：
其他好文 时间：
2020-04-14 23:06:02
阅读次数：
129
正文-弹性布局flex 弹性布局的作用有点儿类似 Android 中 LinearLayout 和 RelativeLayout 两者的合成版，即：支持横向布局，纵向布局，start，end，center 布局，宽高按比例瓜分等等，当然它还有很多其他功能，比如自动换行，按指定 order 排列等。总 ...
分类：
其他好文 时间：
2020-04-12 14:30:00
阅读次数：
60
