我只是想知道为了获得我想要的布局而放置空 div 是否有任何缺点。有没有其他方法可以隐藏 div,因为我知道它会增加混乱的代码。
有关我要演示的内容,请参见下面的图片:
如您所见,左侧的项目符号点与 h2 元素处于同一水平,但是当我在项目符号点之前添加 h2 元素时,它会将它们降低到段落的水平(这就是我想要的)。显然我可以使这个 h2 元素不可见,从而达到我想要的效果,但是有没有更专业的方法来做到这一点?
我只是想知道为了获得我想要的布局而放置空 div 是否有任何缺点。有没有其他方法可以隐藏 div,因为我知道它会增加混乱的代码。
有关我要演示的内容,请参见下面的图片:
如您所见,左侧的项目符号点与 h2 元素处于同一水平,但是当我在项目符号点之前添加 h2 元素时,它会将它们降低到段落的水平(这就是我想要的)。显然我可以使这个 h2 元素不可见,从而达到我想要的效果,但是有没有更专业的方法来做到这一点?
但你为什么要这样做?房产有什么margin-top
用?
我在这里简要介绍一下,你应该先学习floats
而不是 go for positioning
,还要学习什么block
和inline
元素,你有很多 CSS 的东西,margins,
paddings 等等,看看box-model,这样你就不会了以后不要拉头发
如果你想坚持一个肮脏的标记而不是空的div's
并且br
是你的选择,但是你不会从顶部得到一个特定的高度,br
所以你需要使用一个空的 div 但不要使用这个
如果你想在没有 CSS 的情况下添加额外的空间,你可以使用<br/>
标签——它绝对比空的 div 好得多,这是混乱和不好的做法。
不过,CSS 确实是最好的方法。
给 h2 一个宽度,使其占据整个行的其余部分。然后项目符号列表将自动下降到与左侧段落相同的高度。
或者,给项目符号列表一个 margin-top 或 padding-top。
有两个建议可以快速解决:
项目符号点元素上的 Margin-top 或。
添加一个带有不间断空格的 H2,例如
<h2> </h2>
我建议您使用margin-top
第二个 div 或margin-bottom
第一个。
例子:如果隐藏的 div 的高度是 100px,你最好写:<div style="margin-bottom:100px">...</div>