HTML中块级元素与内联元素有什么区别 ？

块级元素：默认宽度是100%（继承自父元素），如果块对象没有采用“float:left”或“float:right;”的样式，相邻的两个块对象就会分排在不同的两行上。例如，div, p, h1, form, ul 是块元素的例子。

内联元素：宽度取决于其内部元素的宽度(width)与填充(padding)值之和，不可直接指定其宽度与高度（但如果使用“display:block;”或者“float:left/right;”样式后,可以强行转换成块对象,此时可以定义），相邻的两个内联对象会排在同一行上,不会从新行开始。例如：span, a, label, input, img 是inline元素的例子。

区别：

块里可以含行.也就是div块里可以有span；

但是内联元素内不能包含块元素；

内联存在margin-left和margin-right，但没有margin-top和margin-bottom，也不具有width/height。

而块元素具有width，height，margin等等；

内联元素可以通过改变它的display属性来变成块，来具有块的属性。

 

转载于:https://www.cnblogs.com/YuyuanNo1/p/9927367.html