【问题标题】:How to remove this empty space? [duplicate]如何删除这个空白空间? [复制]
【发布时间】:2022-01-22 06:29:29
【问题描述】:

codepen 链接 - https://codepen.io/karandixit24/pen/YzrQmdL `

    <div class="main-container">
        <h3 style="text-align: center;">Some of my past projects</h3>
        <div class="post-wrapper">`

请帮帮朋友!

【问题讨论】:

  • 如果我们看不到样式表,我不知道如何帮助您
  • 这是 h3 元素的top-margin,您可以从h3 中删除该边距或将overflow: hidden; 添加到div.main-container 以使其增长到其第一个元素的上边距。
  • 添加溢出:自动为我工作。

标签: javascript html css


【解决方案1】:

您的问题是由 h3 元素的默认垂直边距引起的 - 将其设置为 0 会删除偏移量:

h3 {
    margin-top: 0;
}

您可以通过包含重置样式表来防止此类问题,例如normalize.css。我还建议阅读此主题,例如 here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-10
    • 1970-01-01
    • 1970-01-01
    • 2015-04-09
    • 1970-01-01
    • 2020-03-19
    相关资源
    最近更新 更多