All Articles

Trim text using only CSS

السلام عليكم ورحمة الله وبركاته 👋

trim-text-using-only-css

زمان كنت عشان تعمل Trim للنص بتاعك (لو الجملة زادت عن حروف معينة او بقت اكبر من الـ container بتاعها نقوم نخفي الجزء الزيادة ونظهر نقط بالشكل دة …) كنا بنستخدم الـ javascript عشان نقوم بالمهمة دي. دلوقتي بقيت تقدر تعمل دة بسهولة بإستخدام الـ CSS وباكتر من طريقة:

  • الطريقة الاولي: إن النص لو كبير وتخطي الـ container بتاعة هيقوم مقطوع ويظهر نقط عشان يعرفك إن في بقية للنص.
  • الطريقة التانية: انك تحدد بنفسك عدد السطور اللي عايز النص يلتزم بيها ولو النص كان كبير وتخطي عدد السطور دي هيقوم مقطوع ويظهر نقط عشان يعرفك ان في بقية للنص.