Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

256
Views
Obtener el valor del espacio entre elementos en justificar-contenido:espacio-entre

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 !

about 4 years ago · Santiago Gelvez
2 answers
Answer question

0

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

about 4 years ago · Santiago Gelvez Report

0

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 spaceBetween

Para asegurarse de que responde, actívelo en un eventListener así:

 window.addEventListener("resize", calculateSpaceBetween);
about 4 years ago · Santiago Gelvez Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!