可能重复：display：inline和display：inline-block有什么区别？
在CSS中， display 的值可以是 inline 和 inline-block . 任何人都可以详细解释 inline 和 inline-block 之间的区别吗？
我到处搜索，最详细的解释告诉我 inline-block 被放置为 inline ，但表现得像 block . 但它并没有解释"behave as a block"究竟是什么意思 . 它有什么特别之处吗？
一个例子是更好的答案 . 谢谢 .
1 回答
内联元素：
尊重左右边距和填充，但 not 顶部和底部
cannot 已设置宽度和高度
允许其他元素左右坐着 .
在这个here上看到非常重要的附注 .
块元素：
尊重所有这些
在块元素后强制换行
如果未定义宽度，则
获取全宽度
内联块元素：
允许其他元素左右坐着
尊重顶部和底部边距和填充
尊重高度和宽度
从W3Schools：
当您想象它时，它看起来像这样：
该图片取自this page，其中还有关于此主题的更多内容 .