javascript - plugin - para que sirve display flex css
¿Cuáles son las opciones para tener un diseño de mampostería con flexbox con elementos modificables y ordenables? (1)
En mi aplicación angular, estoy usando ui-sortable para ordenar un <ul> .
Los elementos en sí son redimensionables.
Esto es similar a la configuración que tengo:
Y me gustaría que "4" y "5" usen el espacio encima de ellos:
Aquí hay un violín . Tenga en cuenta que este es un ejemplo simplificado y que el usuario puede cambiar el tamaño de los elementos y ordenarlos.
Bibliotecas como la albañilería no funcionarán porque usan elementos posicionados de manera absoluta, que deshacen la forma en que funciona la interfaz de usuario, el cambio de tamaño tampoco empujará al elemento.
Entonces, ¿cómo puedo lograr esto?
- ¿He entendido correctamente que esto no es posible con una solución CSS solamente? Ese flexbox obtendrá la altura del elemento más alto y pondrá esa altura en la "fila" .
- ¿Hay alguna solución js que no dependa de la
position: abolute, o más bien, que todavía me permita ordenarla? - ¿Cuáles son mis opciones sin deshacerme de las bibliotecas que ya tengo?
- ¿Cuáles son mis opciones para deshacerme de las bibliotecas que ya tengo?
Creo que he tenido un problema similar. Terminé yendo con http://isotope.metafizzy.co . Luego, una vez que el usuario cambia el tamaño del cuadro (u orden), puede ejecutar un método en la devolución de llamada de la UI para rediseñar los cuadros: http://isotope.metafizzy.co/methods.html#layout