comment centrer horizontalement plusieurs div dans un div parent
Faheem Alam
J'essaie de créer un contrôle qui contient plusieurs div et tous les div sont alignés horizontalement au centre. comme indiqué ci-dessous.
J'ai pu flotter chaque div en utilisant la float:leftpropriété css. qui donne quelque chose comme ça
mais jamais les divs sont laissés à leurs parents.
J'ai une solution alternative pour utiliser javascript pour positionner chaque div mais je veux utiliser css. Est-il possible de réaliser cela en utilisant css.
Merci d'avance
lante
Cela peut faire ce que vous essayez de:
HTML:
<div class="parent">
<div class="child">Element 1</div>
<div class="child">Element 2</div>
</div>
CSS:
.child {
display: inline-block;
}
.parent {
text-align: center;
}
et le violon .
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
modifier le
Articles connexes
TOP liste
- 1
comment afficher un bouton au-dessus d'un autre élément ?
- 2
impossible d'obtenir l'image d'arrière-plan en plein écran dans reactjs
- 3
Je continue à obtenir l'objet 'WSGIRequest' n'a pas d'attribut 'Get' sur django
- 4
comment supprimer "compte de connexion google" à des fins de développement - actions sur google
- 5
Conversion double en BigDecimal en Java
- 6
Impossible d'accéder à la vue personnalisée pendant le test de l'interface utilisateur dans XCode
- 7
Algorithme: diviser de manière optimale une chaîne en 3 sous-chaînes
- 8
Passer la taille d'un tableau 2D à une fonction ?
- 9
Comment obtenir l'intégration contextuelle d'une phrase dans une phrase à l'aide de BERT ?
- 10
Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?
- 11
CSS: before ne fonctionne pas sur certains éléments,: after fonctionne très bien
- 12
Comment créer un bot à compte à rebours dans Discord en utilisant Python
- 13
Comment ajouter une entrée à une table de base de données pour une combinaison de deux tables
- 14
Exporter la table de l'arborescence vers CSV avec mise en forme
- 15
Comment activer le message Pylint "too-many-locals" dans VS Code?
- 16
Créer un système Buzzer à l'aide de python
- 17
Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative
- 18
Empêcher l'allocation de mémoire dans la génération de combinaison récursive
- 19
Déplacement des moindres carrés d'ajustement pour les déplacements de points ayant des problèmes
- 20
Comment choisir le nombre de fragments et de répliques Elasticsearch
- 21
Microsoft.WebApplication.targets
laisse moi dire quelques mots