J'ai essayé plusieurs fois, avec plusieurs solutions possibles différentes autour de Stack Overflow pour accomplir cette tâche, mais de manière frustrante, je n'arrive pas à centrer la zone de saisie dans le div.
Mon code ressemble essentiellement à ceci pour le moment :
div {
width: 100vw;
position: relative
}
h1 {
text-align: center;
}
<div>
<h1>Title</h1>
<input type='text'>
</div>
Pour le moment, le mot "Titre" est centré sur l'écran, mais la zone de saisie est toujours sur le côté gauche.
Existe-t-il un moyen de centrer horizontalement dans le div?
Appliquer flexbox
sur le conteneur div
.
Remarque : le centrage h1
devient inutile après applicationflex
div {
width: 100vw;
position: relative;
display: flex;
flex-flow: column wrap;
align-items: center;
}
<div>
<h1>Title</h1>
<input type='text'>
</div>
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots