warum bekomme ich einen kleinen Strich im Anker-Tag?

Dem Anker text-decoration:underline -Tag ist ein Standard <a> zugeordnet. Da in <a> </a> ein Leerzeichen vorhanden ist, wird die unterstrichene Zeile unterstrichen.

Benutze text-decoration:none auf <a> , das sollte es lösen.

Dies scheint zu geschehen, wenn:

• Das schließende Anker-Tag befindet sich in einer separaten Zeile vom Rest des Elements
• UND der sichtbare Text des Ankers ist ein Bild
• UND Sie haben mehrere Bilder in derselben Zeile

• und auch der Anker / das Bild ist nicht das letzte Element in der horizontalen Reihe

  Im folgenden Beispiel sehen Sie keine Bindestriche nach dem dritten und fünften Bild, aber die anderen Bilder zeigen einen Strich rechts vom Bild / Link:

Ich kann keine Informationen finden, die ich sagen könnte, wenn dies einen Verstoß gegen eine HTML-Regel bezüglich der Aufteilung von Elementen auf mehrere Zeilen darstellt. Ich habe das gleiche Problem in Chrome, Firefox und IE 11 repliziert.

Ich kann nur vermuten, dass nach dem Bild ein Leerzeichen hinzugefügt wird, da das schließende Tag sich in einer separaten Zeile befindet. Und dies bezieht sich auf die oben gegebenen Antworten - der Raum wird automatisch mit einer Unterstreichung versehen. Aber ich weiß nicht, warum der Raum nach einem Bild hinzugefügt wird, aber nicht nach dem Text, oder warum dies nur passiert, wenn die Bilder auf der gleichen Linie sind.

<a> ist ein Inline-Element. Wenn Sie zwischen eingeschlossenen Elementen und dem </a> -Element Platz lassen, wird es automatisch mit einem Unterstrich formatiert.