0

tengo el siguiente codigo html:

<div [ngClass]="{'cambio': !orden, 'componente':orden}">
    <app-nombre [isEdit]="isEdit" [ngClass]="{'cambioNombre': !orden}"></app-nombre>
    <app-apellidos [orden]="orden" [isEdit]="isEdit" [ngClass]="{'cambioApellido': !orden}"></app-apellidos>
  </div>

Y tengo esto en el css:

.cambioApellido{
  order: 1;
}
.cambioNombre{
  order: 2;
}

Hay alguna forma de cambiar el orden de este div con css??

1
  • No me cambia el orden, sigue saliendo como en el html
    – Kargate
    Commented el 19 oct. 2020 a las 9:56

1 respuesta 1

1

La propiedad order solamente está disponible para los elementos que sean cajas flexibles por lo que tendrás que decirle a su padre que tenga display: flex;

.caja {
  display: flex;
  flex-direction: column;
}

.caja .uno {
  order: 2;
}

.caja .dos {
  order: 1;
}
<div class="caja">
  <p class="uno">Elemento 1</p>
  <p class="dos">Elemento 2</p>
</div>

Referencia: Cajas flexibles

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.