line-height
4包含3 3包含2
如果是光秃秃的文字,则称为“匿名内联盒子”
四种"盒子" 其实就是"内容区 行内高 行高 等".
行内盒子模型:
内容区域: 即鼠标选中以后,蓝色背景的那一部分
内联盒子:由文字和行内元素所组成的部分,单纯的文字组成的盒子又叫 匿名内联盒子
行框盒子:每一行所占据的部分
包含盒子:即最外一层所包含的
例如一个p标签,内容比较多,显示为3行,则p标签这个包含盒子拥有3个行框盒子
包含盒子,p标签所在的盒子,由一行一行行框盒子组成
行框盒子,由一个一个内联盒子组成
内联盒子,不会让内容成块显示
content area是一种围绕文字看不见的盒子,大小与font-size大小相关,与line-height无关
行内框模型
行内盒子模型:
内容区域: 即鼠标选中以后,蓝色背景的那一部分
内联盒子:由文字和行内元素所组成的部分,单纯的文字组成的盒子又叫 匿名内联盒子
行框盒子:每一行所占据的部分
包含盒子:即最外一层所包含的
包含盒子包含行框盒子包含内联盒子包含内容盒子
line-height与行内框盒子模型
行内框盒子模型 分析!