根据语法添加的位置不同分为两部分：一为语法在父容器上的，二为语法在子容器上的。 以下是我在逆战班学习之后自己的理解 1. 语法是添加到父容器上的？ 1).display : flex; 设置盒子 2).flex-direction: 布局的排列方向 （主轴排列方向） row; 默认值，显示为行。方向 ...
分类：
Web程序 时间：
2020-02-29 00:25:43
阅读次数：
90
最近想写一些博客，顺便复习一些自己的基础知识所以想到说说自己对flex布局的一些理解 flex意思为“弹性布局”，是移动端开发必备的属性简洁、快速，为盒状模型提供了最大的灵活性。 flex的属性 属性和说明 1 flex-direction //决定item的排列方向 2 flex-wrap： // ...
分类：
Web程序 时间：
2020-02-28 14:01:41
阅读次数：
79
为什么要用flex 基于css3简单方便，更优雅的实现，浏览器兼容性好，传统的css实现一个div居中布局要写一堆代码，而现在几行代码就搞定了，没有理由不用flex。 兼容性： Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, An ...
分类：
其他好文 时间：
2020-02-28 12:17:36
阅读次数：
72
左侧浮动或者绝对定位，右侧通过margin撑开 使用flex 使用<div>包含，然后靠margin形成bfc（百科：block formatting context块级格式化上下文 bfc是一个独立的渲染区域，只有block-level box参与，他规定了包括内部的block-level box ...
分类：
其他好文 时间：
2020-02-27 18:56:32
阅读次数：
46
先说一下什么是BFC(Block Formatting Contexts) BFC：块级格式化上下文（独立的渲染区）。通俗的说是块级元素布局逻辑或规则，想要触发BFC就要是块级元素，要不把它转为块级元素（display:block;） BFC的触发条件。 1.在html框架中就能触发bfc，也就是一 ...
分类：
其他好文 时间：
2020-02-27 00:30:08
阅读次数：
100
基于vue和element-ui实现的表单设计器，使用了最新的前端技术栈，内置了i18n国际化解决方案，支持生成element和antd-vue表单，让表单开发简单而高效。在线预览使用文档特性可视化配置页面提供栅格布局，并采用flex实现对齐一键预览配置的效果一键生成配置json数据一键生成代码，立即可运行提供自定义组件满足用户自定义需求提供远端数据接口，方便用户需要异步获取数据加载提供功能强大的
分类：
其他好文 时间：
2020-02-25 23:06:11
阅读次数：
228
常见的移动端布局方法 flex布局，很重要！！ 其他的布局，你掌握也就ok了，但是这个布局，你一定要非常非常熟悉，因为我们后面的前段框架react 以及手机端混合app开发，微信小程序开发都是用的是这个布局。 我做了以一个仿 携程网的移动端首页，供你参考 flex布局原理 1. 这个是“弹性盒子”布 ...
分类：
移动开发 时间：
2020-02-25 20:25:16
阅读次数：
100
布局是一个很艺术的话题，即使是相同的HTML文档结构，但加上不同的css样式就会呈现出不同的效果。接下来就来总结一下html常用的布局。 一、布局的分类： 根据页面板块分类： 页面的板块主要是根据栏目的行、列组合起来的，这里的行列组合是根据网页显示效果确定的，而不是HTML结构，如：单行版式，三行版 ...
分类：
Web程序 时间：
2020-02-24 13:11:38
阅读次数：
142
目录： 1.立方体2.动画3.设置动画的一些属性4.案例：无缝滚动5.web字体6.弹性布局7.多列布局8.弹性布局9.案例：伸缩盒子的flex属性的应用案例（菜单个数不限）10.伸缩盒子的align-items属性 设置侧轴对齐方式11.案例：伸缩盒子，宽高自适应 1、立方体 *transform ...
分类：
Web程序 时间：
2020-02-24 10:00:12
阅读次数：
71
题目概览 Form表单是怎么上传文件的 对flex的了解 字符串相连有哪些方式 题目解答 Form表单是怎么上传文件的 使用HTML Form上传文件：name属性是与后端约定的文件上传字段 Node.js + express + multer 实现后端文件接收处理 原理：就是把文件转化为字节流，然 ...
分类：
其他好文 时间：
2020-02-24 00:28:43
阅读次数：
95
