“CSS Flexbox” Réponses codées

Syntaxe CSS Flexbox

Display: flex 
Flex-direction: row | row-reverse | column | column-reverse
align-self: flex-start | flex-end | center | baseline | stretch
justify-content: start |  center | space-between | space-around | space-evenly
Concerned Cicada

Conteneur CSS Flex

.flex-container {
  display: flex;
}
naly moslih

CSS Flexbox

		<style>
			.container {
				display: flex;
				flex-direction: row;
				column-gap: 2rem;
			}

			.box {
				background: yellow;
				width: 6rem;
				height: 6rem;
			}
		</style>	



		<div class="container">
			<div class="box">1</div>
			<div class="box">2</div>
			<div class="box">3</div>
			<div class="box">4</div>
		</div>
Wild Worm

CSS Flexbox

.div{display:flex;}
Marwa Mohamady

CSS Flexbox

//A flex container with three flex items:
<div class="flex-container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>
naly moslih

CSS Flexbox

div{flex-wrap:wrap;}
Marwa Mohamady

Réponses similaires à “CSS Flexbox”

Questions similaires à “CSS Flexbox”

Plus de réponses similaires à “CSS Flexbox” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code