Question

我正在构建一个简单的网站，并且无法弄清楚我的h1标题是包装，导航器没有触及它，似乎没有任何东西干扰它，导致它包裹。我宣布了白色空间：nowrap;但它仍然包装，有谁知道是什么导致了这个以及我如何解决它？

@media screen and (min-width: 400px){
    header{
        height: 120px;
        display: flex;
        justify-content: space-between;
    }
    header h1{
        margin: 0 0 0 8%;
        font-size: 2em;
        align-self: flex-start;
        white-space: nowrap;
    }
    header nav{
        display: block;
        align-self: flex-end;
    }
    nav ul{
        display: flex;
        justify-content: flex-end;
        margin: 0 8% 0 0;
    }
    nav li{
        border-radius: 8px;
        padding: 5px;
        margin: 4px 1%;
    }
    footer nav{
        display: none;
    }
}

Answer 1

在小提琴中为我工作正常。无论如何，如果你删除标题./configure的边距，那么它就会正常显示。

h1

为什么h1包装中的文字？

1 个答案: