使用<div>间隔器是一种不好的做法吗?

Ema*_*sev 16 html css

使用<div>标签来表达元素之间的差距是不是一种坏习惯?如果是的话 - 为什么会这样?

这是一个例子:

<div class="panel">
    <!-- Content -->
</div>

<div class="spacer"></div>

<div class="panel">
    <!-- Content -->
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div.spacer
{
    font-size: 0; 
    height: 10px;
    line-height: 0;
}
Run Code Online (Sandbox Code Playgroud)

Aar*_*lla 13

如果您可以添加保证金,这很糟糕content.否则,它是间隔器的最佳HTML元素.


ben*_*e89 10

是的,它不好 - 不必要的标记.请改用margin-top/margin-bottom.

  • 是的,它的标记更多,但它使设计更加模块化.您可以使用另一个元素更改第二个`div.panel`,并且差距将保留.这不是一件好事吗? (3认同)
  • 这不是重点。关键是当您使用边距时,间隙取决于特定元素。 (3认同)
  • 不确定它实际上是黑白的。它以几个字节的 html 为代价使布局更容易维护。保持 CSS 文件最少,并允许您非常快速地调整空白。 (3认同)
  • 它被认为是"糟糕的"只是因为人们不会将差距视为一种事物,而是一种事物的距离.事实是,两种情况都可能发生.如果你把7个相似的东西放在一起,并且你想在它们中间放置一个分隔符,那么明确建议使用一个单独的元素作为分隔符.这样,所有同级别项目的标记和样式可以保持不变,并且您的结构保持一致.边缘有它们的目的,但它绝对不是"在第3个元素之后留下一些空白",即使你可以用CSS做到这一点.不要因为简化思维而堕落. (3认同)