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

[Steve_Walmsley]

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

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

[chapoi]

word-spacing: 1em;

يؤدي إلى:

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

[Steve_Walmsley]

أنا أكتب تقرير ما بعد الإجراء في لعبة. يتضمن التقرير المعادن الموجودة على الكوكب، مع إمكانية الوصول إليها. هذا ما يبدو عليه في 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

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

[chapoi]

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

[Moin]

ماذا عن جدول؟

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

المادة	القيمة	المُعدِّل
دورانِيوم (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

[chapoi]

@Steve_Walmsley

يمكنني استخدام علامات الاقتباس المائلة للخلف (backticks)، ولكن هذا يغير الخط.

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

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

[ToddZ]

يمكنك أيضًا وضع غلاف مُسمى حول تقريرك وتطبيق 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;
}

النتيجة:

[Steve_Walmsley]

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

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

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

[Steve_Walmsley]

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

[ToddZ]

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

[Steve_Walmsley]

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