【问题标题】:<span> vs <div> vs <Fragment><span> vs <div> vs <Fragment>
【发布时间】:2019-10-15 09:12:18
【问题描述】:

我对列出的元素感到困惑。

我已经知道的是:

  1. 它们都没有真正的意义。

  2. 片段不是真正的元素。

您能解释一下它们之间的主要区别是什么吗?我们什么时候应该选择一个而不是另一个?

【问题讨论】:

标签: html reactjs web


【解决方案1】:

我不确定&lt;fragment&gt;,但可以说出&lt;div&gt;&lt;span&gt; 的区别。

&lt;span&gt;&lt;div&gt; 之间的区别在于 &lt;span&gt; 元素是内联的,通常用于一行内(例如段落内)的一小部分 HTML,而 &lt;div&gt; (除法)元素是块行(基本上相当于在它之前和之后有一个换行符),用于对更大的代码块进行分组。

&lt;div&gt; 示例:

<div style="background-color:black;color:white;padding:20px;">
  <h2>London</h2>
  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

&lt;span&gt; 示例:

<h1>My <span style="color:red">Important</span> Heading</h1>

最后一个例子是当你使用

<div>Hello</div>
<div>World</div>

给出这个:

你好
世界

&lt;div&gt; 在每个元素之间换行,因为它是块级元素,而&lt;span&gt; 没有:

<span>Hello</span>
<span>World</span>

你好世界

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-06-18
    • 1970-01-01
    • 2011-08-18
    • 2011-11-04
    • 1970-01-01
    • 2012-05-11
    • 2010-10-15
    相关资源
    最近更新 更多