justify-content (_vendor.scscs)

Tipo: Mixin

Versión: 2.x.x

Mixin vendor de SISASS para la propiedad justify-content.

Define cómo se distribuyen los elementos a lo largo del eje principal en un contenedor flexible o de grid. Aplica el prefijo histórico -webkit- y después agrega la propiedad estándar.

Interface 

@mixin justify-content($br: initial);

Parámetros secuenciales

Parámetro Tipo Default Descripción
br Keyword | String initial Define el valor que se asignará a la propiedad justify-content.

Ejemplo

En este ejemplo, ambos contenedores usan flex. El segundo aplica el valor space-between, por lo que reparte los elementos con espacio uniforme entre ellos.

123
123

            


            

                

            


            

                
<div class="justify_content_example">
    <div class="row"><span class="box">1</span><span class="box">2</span><span class="box">3</span></div>
    <div class="row between"><span class="box">1</span><span class="box">2</span><span class="box">3</span></div>
</div>