“Flex de viento de cola” Código de respuesta

Viento de cola alineado horizontal

  <div class="flex items-center justify-center h-screen">
    
	<div class="bg-indigo-800 text-white font-bold rounded-lg border shadow-lg p-10">
		Centered Content
	</div>
	
  </div>
Grumpy Goldfinch

Espacio flexible de viento de cola entre

<div class="flex justify-between ...">
Beautiful Bear

Viento de cola de dirección flexible

<div class="flex flex-row-reverse ...">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>
Beautiful Bear

cuadrícula de imagen CSS CSS

########### Responsive Grids ###############

<div class="flex flex-wrap">
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-400"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-400"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-gray-400"></div>
</div>
Lokesh003

Flex de viento de cola

flex w-full flex-wrap mt-4 mb-8 content-center
Witty Weevil

Viento de cola Flex Wrap

.flex-no-wrap 		= { flex-wrap: nowrap; }
.flex-wrap	  		= { flex-wrap: wrap; }
.flex-wrap-reverse 	= { flex-wrap: wrap-reverse; }
Graceful Gull

Respuestas similares a “Flex de viento de cola”

Preguntas similares a “Flex de viento de cola”

Más respuestas relacionadas con “Flex de viento de cola” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código