Question

块元素和内联元素有什么区别？

Answer 1

一 · 块级元素特点：

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。

2、元素的高度、宽度、行高以及顶和底边距都可设置。

二 、内联元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

三、内联块级元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置。

内联元素的显示

为了帮助理解，可以形象的称为“文本模式”，即一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，完全可以把内联元素加上display:block这样的属性，让它也有每次都从新行开始的属性，即成为块元素同样我们可以把块元素加上display:inline这样的属性，让它也在一行上排列。

以上内容参考：百度百科-内联元素

Answer 2

1.内联元素允许其他内联元素与其位于同一行，块状元素独占一行。
2.宽度和高度只对块状元素起作用，内联元素不起作用
3.如果我们把内联元素转化成块状元素，在相应的内联元素加上一个属性display:block就可以了,反之块级元素转换为内联元素在相应的块级元素上添加 属性display:inline;就可以啦。
4.text-indent:2em;”属性，只能加在块状元素上面，内联元素是不起作用的。
5.块级元素可以包含内联元素和某些块级元素，但内联元素不能包含块级元素
6.块级元素不能放在p标签里面
7.li 标签可以包含div
8.块级元素可以设置margin和padding；行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right，其它属性不会起边距效果。