html - 如果我设置显示 : block or inline to them?， 和 之间有什么不同

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 设置它们的样式不会影响它们的性质。 <div>始终接受任何流内容，通常在 CSS 中表示为 block 级元素，或短语内容，在 CSS 中通常表示为内联元素。但是请注意，这两个概念之间没有必要的关联。 <span>另一方面只能有短语内容。

在有效的 HTML 中，这意味着 <div>可以包含 <span> , 一个 <span>不能包含 <div> .

这两个元素的相似之处在于它们本身不携带任何语义；它们只是充当其内容的分组元素，通常用于样式目的。

请参阅 <div> 的 HTML5 规范和 <span> 了解更多详情。