HTML的inline和block和CSS里的inlineblockinline？

謝謝邀請。

display: inline

1）作用：

使元素成為行內元素

2）特點：

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

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

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

display: block

1）作用：

使元素成為塊級元素

2）特點：

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

并且會換行。

display: inline-block

1）作用：

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

2）特點：

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

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

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

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

對比的區別

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

（結束）

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