DIV as-is与带显示的SPAN之间的区别:块

Question

有什么<div/>不同<span style="display:block" />吗？

他们渲染得很好.两者之间有什么语义差异？

Answer 1

是的他们是不同的.

即使你用你设计了一个跨度,display: block但仍然无法在其中放置块级元素:

<div><p>correct</p></div>
<span style="display: block;"><p>wrong</p></span>

无论CSS如何改变,(X)HTML仍然必须服从(X)HTML DTD(无论你使用哪一个).

Answer 2

这是一个真正不同的例子(对于有效代码,至少):

<a href='example.com'>
    <span class='title' style='display:block;'>The title of the image is also a link</span>
    <img src="example.com/someimage.jpg"/>
</a>

这允许您使跨度成为块级元素,并允许图像和跨度在鼠标悬停时一起突出显示.

div无法嵌套在标签内.