block:塊級元素默認display屬性為block；無論塊內內容有多少，總是占滿一行；

inline:行內元素默認display屬性為inline；只占據塊內的內容的大小，不會占滿一整行；

inline-block:將行內元素的display屬性改為inline-block就可以控制行內元素的長和寬；

常見的塊級元素：div ul ol li dl dt? p;常用的行內元素：a b span img input?；

inline-block和block的區別：簡單點說，布局的時候，想在行級元素內添加塊級元素，要換行就使用block，不要換行就是用inline-block.input和img為替換元素，直接可以控制替換元素的寬和高。

總結

以上是生活随笔為你收集整理的block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。