【发布时间】：2012-07-06 03:05:30
【问题描述】：
我想知道在编写单行文本时使用<span> 和<div> 之间的区别，而不是 div 是块样式容器，而 span 后面不留空格。
是否有一些与文本溢出相关的东西我们应该使用 span ？ 我正在寻找其他差异，但我找不到。
【问题讨论】：
标签： html
【发布时间】：2012-07-06 03:05:30
【问题描述】：
div 和 span 有一个区别。在标准 HTML 中，一个 div 是块级元素，而 span 是内联元素。 div 块在视觉上隔离页面上文档的一部分，在 与段落相同。 span 元素包含一块 与周围文本内嵌的信息。在实践中，即使这样 可以通过使用级联样式表 (CSS) 来更改功能。
很抱歉打破你的泡沫寻找更特别的东西。
【讨论】：
从样式的角度来看，<span> 默认为display: inline，<div> 默认为display: block。没有其他 CSS 差异。
（它们对于它们可以包含哪些元素以及哪些元素可以包含它们有不同的规则，但这与CSS无关）。
【讨论】：
-
你知道我在哪里可以找到“它们可能包含哪些元素，哪些元素可能包含它们”？
-
@OnlyHope：看一下上面cmets的重复问题，接受的答案很彻底。
<span> 没有块属性，因此末尾没有换行符，而未修改的（默认块元素）<div> 标签是块元素，将在 div 标签的末尾包含换行符.
【讨论】：
-
嗯...“末尾没有换行符”/“末尾有换行符”并不是对
inline与block显示的准确描述。 -
这是一个 Web 开发人员的 HUMAN 答案——是的，块元素最后都有换行符。test1test2 将显示为两行，而 test1test2 将显示为一行。
-
这是对块样式和内联样式之间差异的非常不完整的描述。 W3Schools 也不是一个好的参考选择。
-
这不是唯一的区别，也不一定是区别。我看到你已经添加了指向 w3schools 的链接。它们不是……任何东西的权威参考。见：w3fools.com
-
您有没有费心查看这些参考资料的内容？我不是担保他们的网站，而是担保里面的内容。在将其发布为过时之前，请告诉我这些参考中有什么问题。
嗯，这些元素的块级与内联级属性是两者之间的主要区别。
您应该考虑的是除了文本之外的其他内容。将内联元素和其他块元素放在 in 块元素中是完全有效的，但是只有将其他内联元素放在 in 内嵌元素中才有效。
更多阅读：http://www.w3resource.com/html/HTML-block-level-and-inline-elements.php
至于用哪个来写“单行文本”，我可能都不会用。一个段落，或<p>，标签似乎最适合这个。在语义上，段落标签用于显示一段文本，而<div> 在语义上用于显示something...段落、列表、图像、表单等块。同时， <span> 在语义上用于显示不太适合另一个元素的内容。也许您有一个段落，并且想对句子的一部分应用一些特殊格式，例如...<span> 是一个很好的方法。
【讨论】：