【问题标题】:Get some space on top when scrolling to a <h2 id="..."> link [duplicate]滚动到 <h2 id="..."> 链接时在顶部获得一些空间 [重复]
【发布时间】:2014-07-28 16:10:56
【问题描述】:

在一个 html 页面上,我有一个类似的链接:

<a href="/page.htm#something"> 

另一个页面(page.htm)看起来像:

<h1>header</h1>
<p>some text</p>

<H2 id="something">The header 2</H2>
etc.

当我点击 page.htm#something 的链接时,header2 正好位于浏览器的顶部。

我希望我能在它上面腾出一些空间,比如说 1em 左右。

我当然可以使用:

<a name="something"><br /></a>
<H2>The header 2</H2> 

但这太丑了,需要更多的输入。

有没有办法让这个链接在网络浏览器中的位置稍微低一些?

【问题讨论】:

    标签: html hyperlink


    【解决方案1】:
    <H2 style="padding-top:20px">The header 2</H2> 
    

    我听懂了吗?

    【讨论】:

    • Margin 不起作用,因为它是开箱即用的模型。相反,请改用填充。
    • @Terry so padding-top?
    • Nicael,这会影响我的页面布局。我选择(几乎)在我的设计中没有 padding-top 或 margin-top,只有 padding-bottom 和 margin-bottom。我的感觉是肯定有另一种方式,无法想象我是唯一一个抱怨这种丑陋的“页面顶部”对齐方式的人。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-07-07
    • 1970-01-01
    • 1970-01-01
    • 2021-05-06
    • 1970-01-01
    • 2013-10-21
    • 1970-01-01
    相关资源
    最近更新 更多