一.行盒
什么是行盒：display屬性為inline的元素。
常見行盒：文字元素：span、abbr、em、i、strong、b 圖片和多媒體：img、video、audio
含義：頁面具體內容（文字、圖片、多媒體）都會生成行盒，（注意：文字：必須放置到行盒內，否則會生成匿名行盒；圖片和多媒體：默認會生成行盒，通常不要對它們的盒子類型進行改動）
行盒顯著特征：
1.行盒可被折斷，因為內容可被折斷換行（可通過word-break屬性設置截斷位置）；
2.同一個包含塊中，連續的多個行盒水平依次排列 ；
3.空白折疊的規則僅適用於行盒內部和行盒之間 ；
4.行盒與行盒之間的距離可使用水平方向上的margin和padding進行設置。
行盒的尺寸：
行盒可替換元素：圖片和多媒體；
a.與塊盒完全一致；
b.對於圖片和視頻，僅設置寬高中的一個時，另一個會自動按比例適應
c.對於圖片和視頻，如果同時設置寬高，可通過object-fit屬性設置適應方式
行盒文字類元素：
設置width與height無效；垂直方向上的margin、border、padding不占據布局空間；可使用line-height設置一行的文字高度。
行盒的位置：
行盒在包含塊中，會避開浮動和常規流，浮動和絕對定位的盒子自動變為塊盒；
包含行盒的塊盒，可使用text-align調整行盒在它內容的對齊方式；
行盒之間的對齊可以使用vertical-align調整
二.行塊盒
什么是行塊盒 ： display 屬性值為inline-block 元素生成的盒子
與行盒的區別：
a.行塊盒內部可以放塊盒，行盒不行 ;
b.行塊盒的所有盒模型尺寸都是有效的，而行盒不行 ;
c.行盒垂直方向上margin、border、padding的尺寸不占據空間 ;
d.行高不能設置寬高 ;
e.行塊盒通常用於寬高自動的水平居中.