DIV与显示有什么区别：内联块和SPAN

Question

DIV与显示有什么区别：内联块和SPAN？

Simalarly，在带有display：block和DIV的SPAN之间。

Answer 1

两者之间只存在语义上的差异，如果样式正确，两者都可能显示相同。

但是，某些浏览器可能会或可能无法正确显示。此外，您不能将块元素嵌套在跨度中，即无效的HTML，并且可能会导致某些浏览器不正确地阻塞或显示。

Div是块元素，跨度是内联元素。不要这样做是底线，它会让事情搞砸。

此外，跨度的样式为display:inline，而非display:inline-block

Answer 2

来自W3 Specification:

  

<强>内联块   此值使元素生成内联级块容器。内联块的内部被格式化为块框，元素本身被格式化为原子内联级框。

     

<强>内联   此值使元素生成一个或多个内联框。

您可以看到它们在视觉上的差异here。

Answer 3

首先，默认情况下显示跨度：内联。

根据w3schools，显示：内联和显示之间的区别：内联块是

• 内联元素在它之前或之后没有换行符 容忍它旁边的HTML元素。

  块元素在其上方和下方有一些空白，但没有 容忍它旁边的任何HTML元素。

  内联块元素被放置为内联元素（在同一个元素上） 作为相邻内容的行），但它表现为块元素。