行盒盒模型

行盒盒模型

显著特点：盒子沿着内容延申
行盒不能设置宽高，若要调整，可以设置字体大小来调整
内边距：左右方向上有效，上下方向上仅仅会影响背景，不会实际占据空间
边框：左右方向上有效，上下方向上仅仅会影响背景，不会实际占据空间
边距：左右有效。上下完全无效
行块盒：具有行盒和块盒的特点（一般用来做分页）

可替换元素和非可替换元素
大部分元素，页面上显示的结果，取决于元素内容，称为非可替换元素
少部分元素，页面上显示的结果，取决于元素属性，称为可替换元素
img，video，audeo 。可替换元素类似于行块盒，大部分是行盒，但可以设置宽高

img{
object-fit：图片在盒子里面填充方式。
}