مسافات إضافية داخل النص

لأسباب تتعلق بالتنسيق، أود إضافة مسافات إضافية بين الكلمات. عادةً ما يزيل ديسكورس (Discourse) هذه المسافات، ولكنها تحسن القراءة في بعض الأحيان. يمكنني استخدام علامات الاقتباس المائلة (backticks)، ولكن ذلك يغير الخط. يمكنني استخدام image ولكن هذا يختفي في المرة التالية التي أقوم فيها بتحرير النص.

هل هناك طريقة لإضافة مسافات إضافية بين الكلمات والحفاظ عليها بشكل دائم، دون تغيير الخط؟

word-spacing: 1em;

يؤدي إلى:

لا أعرف لماذا قد ترغب في ذلك على أي حال :winking_face_with_tongue:

إعجابَين (2)

أنا أكتب تقرير ما بعد الإجراء في لعبة. يتضمن التقرير المعادن الموجودة على الكوكب، مع إمكانية الوصول إليها. هذا ما يبدو عليه في Word (لقطة شاشة).

هذا ما يبدو عليه في Discourse.

تقرير مسح الأرض

دورانيوم: 374,100 1.00

نيوترونيوم: 121,600 0.60

كوربوميت: 148,400 0.90

تريتانيوم: 183,700 0.70

بورونايد: 146,400 0.90

مركاسيوم: 124,500 0.80

فيندارايت: 125,600 0.70

سوريوم: 166,700 0.80

يورانيوم: 105,200 0.70

كورونديوم: 275,000 0.70

غاليسيت: 406,000 0.90

يمكنني إزالة الأسطر الإضافية، ولكنها أكثر قابلية للقراءة مع وجود مسافات بين الأرقام.

آه، حسنًا، كنت تقصد في المُنشئ (composer) تحديدًا، بحيث يمكنك اختيار متى وأين تضيفها؟

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

ماذا عن جدول؟

تقرير مسح الأرض

المادة القيمة المُعدِّل
دورانِيوم (Duranium) 374,100 1.00
نيوترونيوم (Neutronium) 121,600 0.60
كوربوميت (Corbomite) 148,400 0.90
تريتانيوم (Tritanium) 183,700 0.70
بورونيد (Boronide) 146,400 0.90
ميركاسيوم (Mercassium) 124,500 0.80
فيندارايت (Vendarite) 125,600 0.70
سوريوم (Sorium) 166,700 0.80
يورانيوم (Uridium) 105,200 0.70
كورونديوم (Corundium) 275,000 0.70
غاليسايت (Gallicite) 406,000 0.90
8 إعجابات

إذا لم تكن تستخدم علامات الاقتباس المائلة للخلف لأي شيء آخر، يمكنك ببساطة تجاوز تنسيق CSS الخاص بها.

قد تكون هذه هي أسهل طريقة.

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

يمكنك أيضًا وضع غلاف مُسمى حول تقريرك وتطبيق CSS عليه:

أجد هذا الأسلوب هو الأسهل في مُنشئ Markdown:

[wrap=game-report]

Duranium: 374,100 1.00

Neutronium: 121,600 0.60

Corbomite: 148,400 0.90

...إلخ.

[/wrap]

أضف CSS المخصص الخاص بك:

[data-wrap="game-report"] {
    word-spacing: 1em;
}

النتيجة:

إعجابَين (2)

نعم، لقد توصلت إلى هذا الحل بشكل مستقل قبل أن أعود إلى هنا. أفضل بكثير لما أحتاجه. شكرًا لك.

أحتاج حقًا أن أبدأ في تعلم لغة الترميز بشكل صحيح. خلفيتي هي في لغات مثل C++/C# إلخ.

وقد برمجت اللعبة للتو لتوليد بيانات المسح بما في ذلك ترميز الجدول، كخيار :slight_smile:

3 إعجابات

شكرًا لك، هذا حل مثير للاهتمام أيضًا. ليس لدي أي خبرة في CSS على الإطلاق. شيء آخر أحتاج إلى تعلمه :slight_smile:

إجراء تغييرات CSS مخصصة على موقعك هو مقدمة وشرح جيدان.

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

شكرًا لك - هذا يبدو مثيرًا للاهتمام للغاية. لقد قمت بحفظه في الإشارات المرجعية وسأقضي بعض الوقت فيه.