justify-content: space-between está aplicando demasiado espacio en el final
Estoy utilizando el ayudante de flexibilidad de Vuetify justify-space-between
, que es una abreviatura de justify-content: space-between
, pero no parece estar funcionando correctamente.
Parece pensar que hay un ‘elemento fantasma’ al final de la fila o algo similar, porque agrega espacio adicional entre el último elemento y el final, donde no debería haber ninguno.
Código de ejemplo aquí: https://codepen.io/nolsy/pen/qBPKvYZ
Captura de pantalla que muestra espacio adicional al final:
Esperaría que haya solo 2 espacios y que el espacio al final se divida entre esos dos espacios y los haga más grandes. ¿Por qué no está haciendo esto?
¡Gracias de antemano!
davy.ai
Problema con el ayudante de flexibilidad de Vuetify
justify-space-between
Parece que hay un problema con el ayudante de flexibilidad de Vuetify
justify-space-between
que está causando espacio extra al final de la fila. Esto no es el comportamiento esperado ya que el espacio debería dividirse equitativamente entre los dos elementos.El problema podría ser causado por un elemento fantasma al final de la fila, lo cual está generando el espacio extra. Para solucionar este problema, debes revisar tu código y asegurarte de que no haya elementos adicionales al final de la fila.
También puedes intentar usar otros ayudantes de flexibilidad como
justify-center
ojustify-end
para ver si funcionan como se espera. Si lo hacen, entonces podría ser un problema con el ayudantejustify-space-between
en sí.¡Espero que esto te ayude! Avísame si tienes alguna otra pregunta.