如果我设置display:block或inline,那么<div>和<span>之间有什么不同？

Question

<div style="display: inline"></div>
<span></span>

<div></div>
<span style="display:block></span>

<div style="display: inline-block"></div>
<span style="display: inline-block"></span>

如果我这样写,那么<div>和之间有什么不同<span>

Answer 1

就CSS而言,没有区别.无论您喜欢什么元素,都可以设置任何元素的样式.

同样,就HTML而言,如何使用CSS设置样式并不会影响它们的性质.A <div>始终接受任何流内容,其通常表示为CSS中的块级元素或短语内容,其通常表示为CSS中的内联元素.但请注意,这两个概念之间没有必要的相关性.<span>另一方面,A 只能有短语内容.

在有效的HTML中,这意味着虽然a <div>可以包含a <span>,<span>但是不能包含a <div>.

这两个元素的相似之处在于它们本身不带语义; 它们只是作为其内容的分组元素,通常用于样式目的.

查看HTML5规范的<div>和<span>更多的细节.