Automatisches Entfernen von Leerzeichen in einem Button stoppen

Ich habe den Text für die Anmelde- und Registrierungsbuttons angepasst und versuche, ein paar zusätzliche Leerzeichen zwischen dem ersten Zeichen und dem Rest der Zeichen einzufügen.

Zum Beispiel so etwas wie:
image

Wenn der Button jedoch auf dem Bildschirm angezeigt wird, sieht er so aus:
x Login
wobei die drei Leerzeichen auf eines reduziert werden.

Wenn ich den <span>-Tag inspiziere, wird x Login angezeigt, aber wenn ich auf diesen Text doppelklicke, wird das ursprüngliche
image mit den drei Leerzeichen angezeigt.

Ich habe versucht, die Option title remove extraneous space und title prettify zu deaktivieren, aber keine davon hat funktioniert.

Weiß jemand, warum das passieren könnte und was ich dagegen tun kann?

EDIT: Ich musste diesen Beitrag bearbeiten und einen Screenshot für den mit den drei Leerzeichen einfügen, da dies auch hier geschah.

Funktioniert es, wenn Sie drei &nbsp; (HTML-Entität für geschütztes Leerzeichen) anstelle von Leerzeichen in Ihrem HTML-Code verwenden?

<span class="d-button-label">x&nbsp;&nbsp;&nbsp;Login</span>

image

Ohne geschützte Leerzeichen:
image

3 „Gefällt mir“

Ja, das tut es! :man_facepalming:t2: So einfach, danke!

1 „Gefällt mir“

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.