在何时选择使用DIV和SPAN来包裹某些内容?

14 浏览
0 Comments

在何时选择使用DIV和SPAN来包裹某些内容?

在什么情况下选择使用DIVSPAN来包裹某些内容?\n在制作PSD转HTML时,有时为了实现某种效果或者包裹内容以达到所需效果,我们会使用divspan。\n我知道div是块级元素,而span是内联元素,我们可以通过CSS来改变它们的显示属性。我还知道div不能嵌套在span中。\n在哪些情况下你会将div作为display:inlinespan作为display:block使用?我们应该避免这些情况吗?这是否符合语义?\n当我们使用空的divspan(没有内容)来实现某种效果时,哪个是正确的?

0
0 Comments

这是一个很好的问题,但是建议的答案似乎只解决了问题的一部分。有三种CSS显示类型,有助于理解这个问题:`inline`、`block`和`inline-block`。如果你阅读这个其他的Stackoverflow主题,CSS display: inline vs inline-block,我认为你会得到一些有用的指导方针。例如,如果你需要确保元素具有独特的上下填充和边距,那么它可能需要是一个`div`(带有CSS样式`inline-block`),否则`span`可能是一个更好的选择。

0
0 Comments

当需要包裹一些内容时,如何选择使用`div`还是`span`,可以根据以下原则进行选择。

首先,对于空元素,`div`更合适,因为可以定义其宽度和高度,而`span`没有这样的效果。

其次,可以通过一个简单的例子来证明这一点,可以在这里看到例子的效果:http://jsfiddle.net/yahavbr/4DZkV/

这是因为只有块级元素才能设置高度和宽度。如问题中所说,默认情况下,`div`是块级元素,`span`是内联元素。因此,对于空元素,取决于你想要做什么。如果空元素需要在正常的文本流中使用,并且用于通过AJAX获取内容,那么使用`span`是有意义的。如果你需要一个块级分隔符,通过AJAX获取图像等,那么使用空的`div`是有意义的。

选择使用`div`还是`span`主要取决于你想要实现的效果。

0
0 Comments

在使用HTML标记语言时,经常会遇到需要用DIV或SPAN来包裹某些内容的情况。那么如何选择何时使用DIV和何时使用SPAN呢?以下是关于这个的问题:

正如你所指出的,应该使用DIV来分割块级元素,使用SPAN来标记内联内容。同时,我们应该尽量避免改变它们的显示类型。

改变DIV和SPAN的显示类型几乎相当于将B标签变为斜体,将I标签变为粗体...相信我,我见过有人这样做。

如果内部内容是内联的,就使用SPAN;如果是块级的,就使用DIV。

我的问题是,当我们使用空的DIV或SPAN(没有内容)来达到某种效果时,该选择哪一个才是正确的。

据我所知,如果SPAN没有内容,它将无法正确渲染,除非你在其中强制添加一个空格。

这实际上是很合乎逻辑的。每当你被迫在DIV上添加"display:inline"时,那么从一开始它应该就是一个SPAN,反之亦然。

所以,如果我们需要空标签具有宽度和高度,那么应该始终使用DIV,而不应该使用SPAN。

0