إيقاف الإزالة التلقائية للمسافات الزائدة في زر

لقد قمت بتخصيص نص الزر لأزرار تسجيل الدخول والتسجيل، وأحاول إضافة بعض المسافات الإضافية بين الحرف الأول وبقية الأحرف.

على سبيل المثال، شيء مثل:
image

ولكن، عندما يظهر الزر على الشاشة، فإنه يظهر على هذا النحو:
x Login
مع إزالة المسافات الثلاث إلى واحدة.

عندما أفحص <span> class="d-button-label">، فإنه يظهر x Login ولكن إذا قمت بالنقر المزدوج على هذا النص، فإنه يظهر النص الأصلي
image مع المسافات الثلاث.

لقد حاولت تعطيل title remove extraneous space و title prettify ولكن لم ينجح أي منهما.

هل يعرف أحد لماذا قد يحدث هذا وماذا يمكنني فعله لإصلاحه؟

تعديل: اضطررت إلى تعديل هذا المنشور ووضع لقطة شاشة لتلك التي تحتوي على المسافات الثلاث لأنها كانت تحدث هنا أيضًا.

هل يعمل إذا استخدمت ثلاث &nbsp; (كيان HTML للمسافة غير القابلة للكسر) بدلاً من المسافات في كود HTML الخاص بك؟

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

image

بدون مسافات غير قابلة للكسر:
image

3 إعجابات

نعم يعمل! :man_facepalming:t2: بسيط جداً، شكراً لك!

إعجاب واحد (1)

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