La zone rouge est le composant de connexion et je veux mettre mon identifiant au centre de la vue de la page entière, mais je ne sais pas pourquoi mon magasin HTML et mon carrelage ne prennent pas tout l'espace vide. Quoi qu'il en soit, si vous voulez jeter un oeil à mon projet, je quitte mon projet GitHub https: // github .Com / sigx-senpai / angulaire-vrchat
logincomponent.html appcomponent.html Entrez la description de l'image ici
Entrez la description de l'image ici Le corps HTML est l'ombre bleue .
3 Réponses :
D-Flex CODE> LI>
Essayez l'un d'entre eux: p>
Ici, vous enveloppez le bouton dans un autre groupe de formulaire et centrez le bouton à l'intérieur de ce wrapper P>
p>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<form class="dropdown text-center p-5 bg-danger">
<div class="form-group text-left">
<label for="exampleDropdownFormEmail2">Email address</label>
<input type="email" class="form-control" id="exampleDropdownFormEmail2" placeholder="email@example.com">
</div>
<div class="form-group text-left">
<label for="exampleDropdownFormPassword2">Password</label>
<input type="password" class="form-control" id="exampleDropdownFormPassword2" placeholder="Password">
</div>
<div class="form-group text-left">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="dropdownCheck2">
<label class="form-check-label" for="dropdownCheck2">
Remember me
</label>
</div>
</div>
<button type="submit" class="btn btn-primary m-auto d-inline-block">Sign in</button>
</form>Vous avez une raison, ce n'était pas nécessaire le justifiant. Le deuxième code fonctionne plus de plus bien, j'avais besoin de compléter avec une autre aide que j'ai eu, merci quand même
Vous pouvez utiliser l'attribut du padding-top, puis trouver un procentage qui le fait passer au milieu de l'écran. C'est ainsi que je me déplace. Ce n'est pas le moyen le plus professionnel de le faire, je pense, mais il allie
Cela fonctionne comme vous l'avez dit, devait mettre à une classe dans le logincomonent, peut-être pas la manière professionnelle, mais c'est mieux pour le moment je pense.
Avez-vous essayé de faire le corps à 100%, vous devez également faire le code HTML 100%?
html, body {
height: 100%;
}
Devrais-je mettre au fichier style.css? Parce que cela fonctionne simplement quand ils sont dans une autre étiquette avec la taille définie.
Il devrait aller au début du fichier CSS qui essaie de centrer votre identifiant. Si c'est style.css alors oui.
Ouais ça marche aussi, merci, j'ai oublié que ceux-ci peuvent être redimensionnés à l'écran de l'utilisateur.
Veuillez créer Stackblitz Link
Votre corps ne prend que autant d'espace que nécessaire pour s'adapter aux éléments enfants, mais je crois que vous pouvez le forcer avec le corps {hauteur: 100vh; }
J'ai eu la solution, mais je vais faire un lien Stackblitz quand même pour tout problème.