“plusieurs divs les uns à côté des autres” Réponses codées

plusieurs divs les uns à côté des autres

.container {
  display: flex;
}

.item {
  background: #ce8888;
  flex-basis: 100px;
  height: 100px;
  margin: 5px;
}
Zwazel

Placer deux div-éléments l'un à côté de l'autre

In this solution we use display:
flex style property for our wrapping <div> element, 
so in both children divs we can set flex: property 
value with 1 to display two equal size <div> elements n
ext to each other. 

ex :

<html>
<head>
  <style>   
 
    div {
    	border: 1px solid red;
    }
    
    div.container {
    	display: flex;  /* <---------- required */
    }
    
    div.child {
    	flex: 1;  /* <---------------- required */
    }
    
  </style>
</head>
<body>
  <div class="container">
    <div class="child">1</div>
    <div class="child">2</div>
  </div>
</body>
</html>
knowme trz

Réponses similaires à “plusieurs divs les uns à côté des autres”

Questions similaires à “plusieurs divs les uns à côté des autres”

Plus de réponses similaires à “plusieurs divs les uns à côté des autres” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code