Ich habe den folgenden Schienencode
%Vor%erzeugt den HTML-Code
%Vor%Das Problem besteht darin, dass, wie in jsfiddle here zu sehen ist, beim Überstreichen des Symbols ein Leerzeichen zwischen unterstrichen ist die Nummer und das Symbol. Der Platz wird für visuelle Zwecke benötigt, aber wie entferne ich die Unterstreichung des Links ohne CSS?
Warum ohne? Ich könnte text-decoration: none; für einen CSS-Selektor verwenden, spezifisch oder generisch, aber ich möchte verstehen, warum diese Unterstreichung passiert.
Wenn das @num entfernt wird, gibt es keine Unterstreichung, und da es sich außerhalb des Anchor-Tags befindet, sollte es dies nicht beeinflussen. Aber offensichtlich tut es das.
Dies geschieht aufgrund des Leerraums nach der </i>
Versuchen Sie, Ihren Code in der jsFiddle zu wechseln:
%Vor%und das Problem verschwindet.
Dies liegt daran, dass das <i> -Element inline ist (oder vielmehr Inline-Block ), was bedeutet, dass Leerzeichen in der Regel signifikant sind.
Um zu verhindern, dass ERB einen Zeilenumbruch nach einem Tag einfügt, schließen Sie ihn mit einem abschließenden -%> , dh:
Tags und Links html css twitter-bootstrap