当前位置：网站首页>行盒子的盒模型

行盒子的盒模型

2022-08-10 05:30:00 【*陌路，相逢*】

行盒的盒模型

常见的行盒: 包含具体内容的元素
span,strong,em ,i,img,video,audio

显著特点

  1. 盒子沿着内容衍生

  2. 行盒不能设置宽高，行盒的宽高是根据内容的大小和多少决定的。调整行盒的大小应该使用字体的大小，行高，字体类型，间接调整。

  3. 内边距（填充区）
    水平方向有效，垂直方向只影响背景，不会占据具体空间

  4. 边框
    水平方向有效，垂直方向只影响背景，不会占据具体空间

  5. 外边距

水平方向有效，垂直方向只影响背景，不会占据具体空间

行块盒

disply : inling-block 的盒子

  1. 不独占一行
  2. 盒模型中的所有尺寸都有效

在开发中经常用于分页

空白折叠经常发生在行盒内部或行盒之间

可替换元素 和 非可替换元素

大部分元素，页面上显示的内容取决于元素的内容，此元素叫非可替换元素
少部分元素，在页面上显示的内容取决于元素的属性，此元素叫可替换元素
可替换元素有 : img,video,audio
绝大部分的可替换元素都为行盒。可替换元素类似于行块盒，所有的尺寸都有效

原网站

版权声明
本文为[*陌路，相逢*]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_43725310/article/details/107897582

边栏推荐

猜你喜欢

随机推荐