"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيفية مواءمة النص إلى اليمين مع تباعد النقطة الموحدة باستخدام CSS البسيطة؟

كيفية مواءمة النص إلى اليمين مع تباعد النقطة الموحدة باستخدام CSS البسيطة؟

نشر في 2025-02-18
تصفح:733

How to Align Text to the Right with Uniform Dot Spacing using Simple CSS?

في هذا المثال؟

المخدرات 1 ............ 10 مللي دواء آخر ...... 50 مل ثالثًا ............. 100ml

الإجابة:

لتحقيق هذا التبرير ، يتم استخدام تقنية باستخدام: بعد العناصر الزائفة عادة:
Drug 1 ............  10ml
Another drug ......  50ml
Third ............. 100ml

css: dt {float: اليسار ؛ العرض: 300 بكسل ؛ الفائض: مخفي. الفضاء الأبيض: Nowrap} dd {float: اليسار ؛ العرض: 100px ؛ الفائض: مخفي} DT: بعد {المحتوى: "....................................... ............................... "}

html:

dl { width: 400px }
dt { float: left; width: 300px; overflow: hidden; white-space: nowrap }
dd { float: left; width: 100px; overflow: hidden }

dt:after { content: " .................................................................................." }

القيود: شخصيات خاصة مثل & middot ؛. ومع ذلك ، يمكن لأحرف UTF-8 تلبية معظم الاحتياجات.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3