18910140161

html-如何在标题中做边距底部?-堆栈溢出

顺晟科技

2022-10-19 12:27:06

74

以下代码段显示了我希望的标题在页脚中的位置。

如果我现在想为标题添加字体样式。这个:

        * {
            box-sizing: border-box;
        }
            /*HEADER*/
        .header{
            overflow: hidden;
            height: 91px;
            background-color: #000000;
            width: 100%;
        }

        .header a {
            color: #34E034;
            text-decoration: none;
        }

        .header a.logo {
            font-family: Wiz;
            font-size: 55px;
            font-weight: bold;
        }


        html, body {
            margin:0;
            padding:0;
        }

我没有像这张图片那样的底部边距。

我什么都试了--边距,填充,但我没有得到底部的空间。如何解决这个问题?


顺晟科技:

修复了您的代码:

您的头上有一个绝对高度。那么一个“a”标记在默认情况下不能有边距,你必须在显示块上设置它来呈现边距。我还按照注释中的建议,将display flex添加到页眉中。

codepen

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航