ボタンの余分なスペースの自動削除を停止する

ログインボタンとサインアップボタンのボタンテキストをカスタマイズしましたが、最初の文字と残りの文字の間に余分なスペースを追加しようとしています。

たとえば、次のようなものです。
image

しかし、画面にボタンが表示されると、次のようになります。
x Login
3つのスペースが1つに削除されています。

<span>を検査すると、x Loginと表示されますが、そのテキストをダブルクリックすると、元の
image
3つのスペースが表示されます。

「余分なスペースを削除する」と「整形する」を無効にしてみましたが、どちらも機能しませんでした。

これが起こる理由と、それを修正するために何ができるかを知っている人はいますか?

編集:ここでも発生していたため、3つのスペースがあるものにスクリーンショットを挿入する必要がありました。

HTMLコードでスペースの代わりに3つの&nbsp;(改行されないスペースHTMLエンティティ)を使用すると機能しますか?

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

改行されないスペースなしの場合:
image

「いいね!」 3

はい、機能しました!:man_facepalming:t2: とても簡単です、ありがとうございます!

「いいね!」 1

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