display block 和 inline有什么区别

元素分类

display: inline 表示的是行内元素，用单词inline表示，一个挨着一个，都在同一行从左到右的顺序显示。，也可以称为内联元素，内嵌元素等。

特点：

 

display: block表示的是块级元素，用英文单词block表示，块级元素在浏览器显示时会独占一行，多个block元素会各自新起一行。

 display: inline-block表示的是内联块状元素。内联块元素可以保留行内元素的布局，同时拥有块级元素的css属性（如height，width）。

常见问题：

在使用inline-block时，浏览器会自动产生间隙。你如果需要这些间隙，可以留着。你如果不需要这些间隙，可以去掉。

块级元素的默认长度是？： 它父元素的长度

行内元素能包含块级元素么？：不能

行内元素能包含其它块级元素么？：能。