ridonkulous مشكلة عرض-خط كبير. حجم الخط يحطم الكلمات في جميع أنحاء

Question

وأنا في خضم الكتابة كائن slideware يسيغ-الأسلوب في جافا سكريبت (ما شيء ممتع، ليس مهما)، وأظل مواجهة الحالات الشاذة تخطيط النص غريب، مثل التي لا أستطيع أن أقول رأيت من أي وقت مضى . وبعد، فهي منتشرة عبر الشرائح بلدي.

والخلفية هي على التوالي إلى الأمام. عرض ديه الشرائح، والعروض التقديمية لديها خطوط. خط، يمكن أن تكون كلمة أو عبارة، وفي الصور انا ربط، الشرائح لديها ثلاثة خطوط.

والعرض "شاشة" هو العرض من نافذة المتصفح. ويتم احتساب الملكية CSS خط الطول من كل خط من ارتفاع العرض مقسوما على عدد من الخطوط. كل سطر هو شعبة مع حجم الخط بشكل مريح تحت خط الطول (90٪، ولكن تعيين في مقصف).

وشريحة حسن المظهر تبدو مثل أول واحد في هذه الصفحة: bbby.org/share/so_pics.html

و(I يمكن أن تضيف وصلة واحدة فقط).

وهنا حيث يحصل غريب: لأن كل شيء يحسب على أساس حجم العرض، وبعد ان الحرائق حدة تصل، أو التحول إلى وضع ملء الشاشة يضبط حجم كل شيء (عند التحديث). في بعض الحالات، أول من ثلاثة أحرف من كلمة يدفع كل وسيلة ليسار الشاشة، التراص على رأس كل منهما الآخر. الشيء الوحيد المختلف هو أن ذهبت (تم calc'd الأحجام والجديدة) ملء الشاشة ومنتعشة.

واعتمادا على معدل حجم الخط أنا وضعت (90٪، 80٪، ولكن مرة أخرى في مجموعة بكسل)، فإنه يمكن أن يحدث على عرض العادي (وليس ملء الشاشة).

وقد أي شخص من أي وقت مضى أر شيئا مثل هذا من قبل؟

Answer 1

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

وإلى جانب ذلك، وأثر هو السيطرة عليها (وإن كان لا يزال لا يمكن تفسيرها). من خلال ضبط وحجم الخط عن طريق النصي، أستطيع أن أرى ما هي النقطة بعض الحروف في الكلمات ينهار.

وعلى سبيل المثال، في شعبة مع lineHeight = 269، خطابات "ري" من كلمة "الحق" يطير بعيدا بما أن يتمثل في آخر الأصلي مع حجم الخط> = 209، ولكن لا شيء تحت. حرف "L" في كلمة "اليسار" لديه عدد أكبر، وربما زادت بسبب "و" هو أيضا بريد إلكتروني طويل القامة.

لحلا يتفق حاليا لهذه المشكلة حقيقية جدا ومقلقة (tyvm)، وأنا تعيين السمة حجم الخط لتكون 73٪ من lineHeight على الحاوية الأصل.