【问题标题】:adding vertical space at the beginning of a html page在 html 页面的开头添加垂直空间
【发布时间】:2011-11-07 22:50:47
【问题描述】:

我想在 html 页面的开头留一些空白。 它必须正好是 X 像素高。

最好的方法是什么?请注意,它必须适用于 safari。

【问题讨论】:

    标签: html css safari


    【解决方案1】:

    为 body 元素添加边距。

    body {
      margin-top: 10px;
    }
    

    将 10 更改为您想要的任何值。

    【讨论】:

    • 根据所需的精确效果,跨浏览器使用填充而不是边距可能更一致,因为垂直边距在块元素之间折叠。
    【解决方案2】:

    应该这样做。

    body {
        padding-top:15px;
    }
    

    【讨论】:

      【解决方案3】:

      添加如下内容:

      <div style="height: 100px;">&nbsp;</div>
      

      将 100px 更改为您需要的任意像素数

      【讨论】:

      • 只要记住在 BODY 标签的顶部添加边距或内边距就会在每一页上都有这个偏移量。
      • 这是一个更通用的解决方案,因为它允许您在任何地方插入垂直空格,而不仅仅是在页面顶部。谢谢!
      【解决方案4】:

      CSS 代码:body {margin-top:XXpx},其中 XX 是您想要的高度

      【讨论】:

        猜你喜欢
        • 2021-02-05
        • 1970-01-01
        • 2020-12-18
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-10-03
        • 2012-05-25
        • 1970-01-01
        相关资源
        最近更新 更多