inline block 和 block

display 中的 inline block 和 block 的具体区别是什么？

心若寒

2015-11-26

源自：CSS动画实用技巧 3-3

关注问题我要回答

1407

操作

收起

1 回答

Perona 回答被采纳 +3 积分
2015-11-26

先了解下块元素，块级元素时可以控制宽和高、margin等，并且会换行。

block：使用此属性后，元素会被现实为块级元素，元素会进行换行。

inline block：有个时候既希望元素具有宽度高度特性，又具有同行特性，这个时候我们可以使用inline-block。在CSS中通过display:inline-block对一个对象指定inline-block属性，简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。