左侧浮动或者绝对定位，右侧通过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
一、什么是BFC呢？ 1. BFC 即 Block Formatting Contexts (块级格式化上下文) 自译：如果BFC的盒子相当于985,211的高校，普通的盒子就是普通的大学 二、BFC的触发条件有哪些？ 1. 根元素（html标签就是一个BFC） 2. float的值不为none时 ...
分类：
其他好文 时间：
2020-02-23 14:55:03
阅读次数：
96
2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。 行内元素也可以使用 F ...
分类：
其他好文 时间：
2020-02-21 12:47:42
阅读次数：
66
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
其他好文 时间：
2020-02-21 00:07:51
阅读次数：
65
