قصّ النصّ الطويل

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

للسطر الواحد ثلاث خصائص معًا: white-space: nowrap يمنع الالتفاف، وoverflow: hidden يخفي الفائض، وtext-overflow: ellipsis يضع العلامة. والفخّ أن تكتب الثالثة وحدها فلا يحدث شيء: العلامة لا تظهر إلا على نصّ يفيض فعلًا ومخفيّ فائضه.

ولأكثر من سطر: -webkit-line-clamp مع display: -webkit-box و-webkit-box-orient: vertical. البادئة قديمة لكنها مدعومة في كل المتصفحات. والقصّ للعين وحدها: النصّ كله باقٍ في الصفحة لقارئ الشاشة ومحرّك البحث.