Algunas otras preguntas ya han abordado la mejor manera de aplicartext-align: justify para hacer que los elementos del bloque en línea se distribuyan uniformemente ... por ejemplo,¿Cómo puedo * realmente * justificar un menú horizontal en HTML + CSS?

Sin embargo, el elemento del ancho del 100% que "borra" la línea de los elementos del bloque en línea recibe su propia línea mediante el navegador. No puedo averiguar cómo deshacerme de ese espacio vertical vacío sin usarline-height: 0; en el elemento padre.

Para un ejemplo del problema, veaeste violín

Para mi solución que utilizaline-height: 0;, vereste violín

La solución que estoy usando requiere que un nuevoline-height Se aplicará a los elementos secundarios, pero cualquier conjunto previamente establecido.line-height está perdido. ¿Alguien sabe de una mejor solución? Quiero evitar las tablas para que los elementos puedan ajustarse cuando sea necesario, y también flexbox porque el soporte del navegador aún no está disponible. También quiero evitar las flotaciones porque el número de elementos que están siendo espaciados será arbitrario.