如何选择何时使用DIV以及何时SPAN来包装？
很多时候，当我们制作PSD 2 HTML时，在某些情况下可以获得任何效果或包装某些内容以获得所需的效果，我们会使用div或span。
我知道div是块级元素，span是内联级元素，我们可以通过CSS更改显示属性。我也知道div无法进入span。
使用div作为display:inline和span作为display:block的情况是什么？我们应该尽量避免这些情况吗？这在语义上是不正确的吗？
当我们使用空白div或span（内部没有内容）来获得某些效果时，哪个是正确的？
答案 0 :(得分：21)
如您所知，您应该使用div作为块的分隔符，并使用span来标记内联内容。
是的，你应该尽量避免改变它们的显示类型。
答案 1 :(得分：2)
关于空白元素，div更好，因为您可以定义它的宽度和高度，而span则不会有正确的效果。
证明这一点的最简单的例子可以在这里看到：http://jsfiddle.net/yahavbr/4DZkV/
答案 2 :(得分：1)
这仍然是一个很好的问题，但建议的答案似乎只能解决部分问题。有三种CSS显示类型，有助于将其置于透视中：inline，block和inline-block。如果您阅读其他Stackoverflow主题CSS display: inline vs inline-block，我认为您将获得一些有用的指导。例如，如果您需要确保元素具有明显的顶部和底部填充和边距，那么它可能需要是div（CSS样式inline-block），否则span是可能是一个更好的选择。