¿Cómo eliminar el espacio entre dos tags ?

Tengo una lista de tramos. En el archivo HTML, es bueno enumerar estas tags en diferentes líneas para la legibilidad y el mantenimiento de la siguiente manera:

 A link A link A link A link A link 

Sin embargo, estos crean un espacio entre estas tags . Me pregunto si hay algún CSS u otra forma de eliminar este espacio entre dos tags sin poner todos los tramos anteriores en una línea sin espacio entre ellos?

Tenga en cuenta que suponemos que la estructura html anterior no puede cambiar.

Gracias y saludos.

——– ACTUALIZACIÓN ————

Después de leer la solución de dfsq y otras publicaciones relacionadas, siento que no hay una respuesta perfecta. Realmente depende de la necesidad específica . La solución de dfsq es inteligente y debería funcionar, pero complicar las cosas.

Lo que tengo con respecto a la necesidad específica es tener un límite entre dos tramos y el espacio entre el borde y el tramo debe ser el mismo. Para mi necesidad particular, encontré las dos soluciones aceptables también:

  1. Use CSS para flotar span

  2. Agregue un espacio adicional de la siguiente manera: A link 

Espero que esto ayude.

Por lo general, establezco font-size de font-size del contenedor principal en cero, lo que hace que los espacios en blanco que causan lagunas desaparezcan. Luego, solo necesita establecer el tamaño de fuente en el valor necesario para los tramos, por ejemplo:

 .container { font-size: 0; // whitespaces go away } .container span { font-size: 16px; // spans text please stay background: #DDD; padding: 2px 4px; } 

Demostración: http://jsfiddle.net/we9bvrpe/

Esto puede funcionar o no para su situación, pero puede usar elementos como

  • and
  • que tienen una etiqueta de cierre opcional. ¡El navegador agrega la etiqueta de cierre para usted y también tiene el efecto de eliminar el espacio en blanco!

    Referencia: HTML: ¿incluye o excluye tags de cierre opcionales?

    Mira este Fiddle http://jsfiddle.net/by0sw7kc/

    HTML

      

    CSS

     ul { background: red; padding-left: 0; } li { background: deepSkyBlue; display: inline-block; } 

    Aunque la solución que sugiere cambiar el tamaño de fuente principal es una solución mejor , esto es algo que he encontrado para ayudar:

     A link A link A link A link A link 

    Explicación: elimine el espacio en blanco entre las tags de apertura y cierre de los elementos del intervalo de hermanos

    Trate de escribir todo su span en línea de la siguiente manera

     A linkA linkA linkA linkA link 

    Puede eliminar el relleno del relleno y el margen de todos los tramos. Le recomiendo que agregue una clase a estos tramos en caso de que NO quiera hacerlos a todos los demás en su sitio.

    span {relleno: 0; margen: 0;}

    con clase

    span .className {relleno: 0; margen: 0;}

    Tratar

     .container span { margin-left:-3px; }