recherche

Maison  >  Questions et réponses  >  le corps du texte

Pourquoi mon CSS Flexbox ne fonctionne-t-il pas correctement ?

Pourquoi display:flex ne fonctionne-t-il pas dans mon code CSS ? Je veux que cette partie de mon code HTML soit au centre de la page.

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>

P粉805535434P粉805535434383 Il y a quelques jours406

répondre à tous(1)je répondrai

  • P粉639667504

    P粉6396675042024-02-04 20:09:17

    flex auto 0 1display 的无效属性值。您的浏览器的文档检查器将向您显示这一点。您需要在 displayflex Séparez ces valeurs dans l'attribut.

    Je doute que vous en vouliez plus flex-direction: column, mais je vous laisse le choix.

    body {
      margin: 0;
      display: flex;
      flex: auto 0 1;
      justify-content: center;
      height: 100vh;
    }

    score :0

    What is 1 multiply by 1?

    répondre
    0
  • Annulerrépondre