Warum funktioniert display:flex nicht in meinem CSS-Code? Ich m?chte, dass sich dieser Teil meines HTML-Codes in der Mitte der Seite befindet.
body {
margin: 0;
display: flex auto 0 1;
justify-content: center;
height: 100vh;
}
<form class="form" id="form"></form> <h4 class="score" id="score">score :0</h4> <h1 id="Question">What is 1 multiply by 1?</h1> <input type="text" class="input" id="input" placeholder="Enter your answer" autofocus autocomplete="off"> <button type="submit" class="btn">submit</button>
1
0
0
flex auto 0 1 是 display 的無效屬性值。您的瀏覽器的文檔檢查器將向您顯示這一點(diǎn)。您需要在 display 和 flex 屬性中分隔這些值。
我懷疑您還想要 flex-direction: column，但我會將其留給您。
body {
margin: 0;
display: flex;
flex: auto 0 1;
justify-content: center;
height: 100vh;
}
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
