1

我只是想知道为了获得我想要的布局而放置空 div 是否有任何缺点。有没有其他方法可以隐藏 div,因为我知道它会增加混乱的代码。

有关我要演示的内容,请参见下面的图片:

在此处输入图像描述

在此处输入图像描述

如您所见,左侧的项目符号点与 h2 元素处于同一水平,但是当我在项目符号点之前添加 h2 元素时,它会将它们降低到段落的水平(这就是我想要的)。显然我可以使这个 h2 元素不可见,从而达到我想要的效果,但是有没有更专业的方法来做到这一点?

4

4 回答 4

4

但你为什么要这样做?房产有什么margin-top用?

我在这里简要介绍一下,你应该先学习floats而不是 go for positioning,还要学习什么blockinline元素,你有很多 CSS 的东西,margins,paddings 等等,看看box-model,这样你就不会了以后不要拉头发

如果你想坚持一个肮脏的标记而不是空的div's并且br是你的选择,但是你不会从顶部得到一个特定的高度,br所以你需要使用一个空的 div 但不要使用这个

于 2012-12-20T12:23:59.680 回答
1

如果你想在没有 CSS 的情况下添加额外的空间,你可以使用<br/> 标签——它绝对比空的 div 好得多,这是混乱和不好的做法。

不过,CSS 确实是最好的方法。

给 h2 一个宽度,使其占据整个行的其余部分。然后项目符号列表将自动下降到与左侧段落相同的高度。
或者,给项目符号列表一个 margin-top 或 padding-top。

于 2012-12-20T12:26:13.360 回答
1

有两个建议可以快速解决:

  1. 项目符号点元素上的 Margin-top 或。

  2. 添加一个带有不间断空格的 H2,例如

     <h2>&nbsp;</h2>
    
于 2012-12-20T12:26:30.580 回答
0

我建议您使用margin-top第二个 div 或margin-bottom第一个。

例子:如果隐藏的 div 的高度是 100px,你最好写:<div style="margin-bottom:100px">...</div>

于 2012-12-20T15:17:30.813 回答