Mengapa display:flex tidak berfungsi dalam kod CSS saya? Saya mahu bahagian kod HTML saya ini berada di tengah-tengah halaman.
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>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
flex auto 0 1是display的无效属性值。您的浏览器的文档检查器将向您显示这一点。您需要在display和flexAsingkan nilai ini dalam atribut.Saya ragu anda mahu lebih
flex-direction: column, tetapi saya serahkan kepada anda.body { margin: 0; display: flex; flex: auto 0 1; justify-content: center; height: 100vh; }score :0
What is 1 multiply by 1?