Necesito obtener la cantidad de espacio entre los elementos en mi contenedor que tiene el contenido de justificación: espacio entre; propiedad.
¿Hay alguna forma de hacerlo en Javascript/CSS? busque pero no encontre nada...
Gracias !
Puede obtener el offsetWidth de compensación del contenedor y sus dos elementos. Después de eso solo haz las cuentas
var diff = conatiner.offsetWidth - elementA.offsetWidth - elementB.offsetWidth console.log(diff)Compruebe el enlace JSFiddle en funcionamiento aquí . Intente cambiar el tamaño del ancho de la pantalla y podrá ver cómo cambia la distancia entre los bloques. y muestra la nueva distancia entre los bloques
Lo que finalmente hice fue crear una función para calcularlo:
Esta solución solo funciona si todos los artículos en su contenedor tienen el mismo tamaño (que fue mi caso)
const calculateSpaceBetween = () => { let container = document.querySelector("your container"); let containerWidth = container.offsetWidth; let containerItems = container.children; let containerItemsWidth = containerItems[0].offsetWidth; let containerItemCount = containerItems.length; let spaceBetween = (containerWidth - containerItemsWidth * containerItemCount) / containerItemCount; return spaceBetweenPara asegurarse de que responde, actívelo en un eventListener así:
window.addEventListener("resize", calculateSpaceBetween);