Affichage des divs en lignes

alin dradici

Existe-t-il un moyen d'aligner les divs à l'intérieur du conteneur 3 d'affilée?

<div class="container">
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>   
</div>

RizkiDPrast

Flexbox est venu pour résoudre celui-là. une autre (ancienne) approche consiste à utiliser display: inline-block (au lieu de float. )

.product {
  display: inline-block;
  width: 30%;
  height: 50px;
  border: 1px solid green;
}

<div class="container">
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>
      <div class="product"></div>   
</div>

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le2021-05-16

laisse moi dire quelques mots

0commentaires

connexionAprès avoir participé à la revue

Article précédent:Demandes limitées Azure DocumentDB

TOP liste

article

Affichage des divs en lignes

Affichage des divs en lignes

Comment afficher du texte au milieu de div avec une couleur d'arrière-plan différente?

Modbus Python Schneider PM5300

Comment faire une recherche partielle et obtenir un score pertinent dans Elasticsearch

Autocomplete avec java, Redis, Recherche élastique, Mongo

Comment choisir le nombre de fragments et de répliques Elasticsearch

Comment utiliser HttpClient avec TOUT cert ssl, quelle que soit la « mauvaise » est

Existe-t-il un moyen de voir si mon bot est hors ligne ?

optimiser les opérations du serveur avec elasticsearch: traitement des filigranes de disque bas

MasterService d'ElasticSearch prend trop de temps pour calculer l'état du cluster et lancer ProcessClusterEventTimeoutException

Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

Quelque chose dans le cluster Elasticsearch 7.4 devient de plus en plus lent avec les délais de lecture de temps en temps

Microsoft.WebApplication.targets

Comment analyser un hachage Ruby plat en un hachage imbriqué?

Comment changer la couleur de la police dans R?

Comment créer une nouvelle application dans Dropbox avec des autorisations complètes

Comment vérifier si un utilisateur spécifique a un rôle? Discord js

Exporter la table de l'arborescence vers CSV avec mise en forme

Résultat de l'échantillonneur JMeter : comprendre le temps de chargement, le temps de connexion et la latence

Ajustement non linéaire avec R

comment copier du contenu et le mettre dans un pdf nouvellement créé en utilisant iText

php ajouter et fusionner des données de deux tables