在上一篇文章当中,我们介绍了 BFC 相关概念,所以在这一篇当中我们就来看一下与它十分类似的 IFC
,所谓 IFC
(Inline Formatting Context
),直译为行内格式化上下文,与之相关的就是行盒模型,行盒模型是一个显示区域,根据块状容器内,每一行的多个内联元素(inline-level element
)都会共同生成一个行盒模型
我们在之前的章节当中介绍了 CSS
当中的 float 属性,今天我们接着上回继续来看 CSS
当中的 display
属性
display
是设计 CSS
版面配置中最重要的属性,每个 HTML
元素都有一个预设的 display
值,不同的元素属性会有不同的预设值,大部分元素的 display
属性,预设值通常是 block
或 inline
其中一个,若该元素的 display
属性被标示为 block
就被称为『区块元素』,若被标示为 inline
就称为『行内元素』,但是我们在这里并不会介绍它的全部属性,而是只会介绍一些比较常用的,比如 block
、inline-block
、inline
和 none
等,我们就先从 none
开始看起吧
算是一篇系列文章吧,主要涉及到 CSS
当中的 float
、display
、position
、vertical-align
、line-height
这几个属性,因为在平常开发当中也只是拿来使用,并没有十分深入的去了解它们,所以就打算在这里从头开始慢慢的梳理一遍,也当是复习复习了,我们就先从 float
开始
在本章当中,我们不使用官方提供的 Vue-Cli
,而是从头开始搭建,一步一步实现一个简易脚手架,理解 Vue-Cli
到底是怎么实现的(顺路了解一下 Webpack
在 Vue
项目中的使用)
本文章节如下
Vuex
的整体流程API
的用法至于源码的部分,则是会下一篇章节当中来进行介绍
Update your browser to view this website correctly. Update my browser now