謝謝邀請。

display:inline

1）作用：

• 使元素成為行內元素

2）特點：

• 也叫內聯元素，和其他元素都在一行上；

• 高，行高及頂和底邊距不可改變；

• 寬度就是它的文字或圖片的寬度，不可改變。

display:block

1）作用：

• 使元素成為塊級元素
  

2）特點：

• 塊級元素，可以控制寬和高、margin及border等；
  

• 并且會換行。
  

display:inline-block

1）作用：

• 使元素保留行業元素布局，同時擁有塊級元素的css屬性（如width，height）
  

2）特點：

• 是使元素以塊級元素的形式呈現在行內。
  

• 即，讓這個元素顯示在同一行不換行，
  

• 但是又可以控制高度和寬度，
  

• 這相當于內聯元素的增強。
  

對比的區別

希望能幫到你或其他的小伙伴，謝謝。

（結束）

【資深IT老張】樂意為您提供IT技術方面的咨詢服務。