1

Hay alguna forma de cambiar la posición entre divs por ejemplo tengo 3 divs

<div class="form-row" id="div1">
  <label>Datos div 1</label>
</div>
<div class="form-row" id="div2">
  <label>Datos div 2</label>
</div>
<div class="form-row" id="div3">
  <label>Datos div 3</label>
</div>

Y cambiarlo el orden de la siguiente manera

<div class="form-row" id="div1">
  <label>Datos div 2</label>
</div>
<div class="form-row" id="div2">
  <label>Datos div 1</label>
</div>
<div class="form-row" id="div3">
  <label>Datos div 3</label>
</div>

0

1 respuesta 1

2

Puedes usar cajas flexibles. Envolviendo a tus <div> en un contenedor al que le des display: flex puedes usar order para colocar a sus hijos como necesites.

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

#div1 {
  order: 2;
}

#div2 {
  order: 1;
}

#div3 {
  order: 3;
}
<div class="contenedor">
  <div class="form-row" id="div1">
    <label>Datos div 1</label>
  </div>
  <div class="form-row" id="div2">
    <label>Datos div 2</label>
  </div>
  <div class="form-row" id="div3">
    <label>Datos div 3</label>
  </div>
</div>

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.