|

طريقة عرض نص متعدد السطور وغير كامل مستخدما CSS

فى هذه الخدعة البسيطة الكود يعرض نص طويل فى اكثر من سطر

بالاضافة الى عرض النص بشكل غير كامل

يتجاوب مع الشاشات المختلفة لعرض 3 اسطر من النص واختصار باقى النص واخفاءه

يمكن استخدامها فى طريقة عرض الاخبار فى الصفحة الرئيسية لعرض جزء من الخبر يتناسب مع الشاشة المستخدمة فى العرض

 

See the Pen Pure CSS multiline text with ellipsis by Martin Wolf (@martinwolf) on CodePen.

لعرض الكود على Codepen – من هنا

للمزيد من مثل هذه الحيل المختارة – من هنا

هل تعرف خدع أكثر , شاركنا معرفتك

Similar Posts

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *