איך לקצר טקסט ארוך בצורה אלגנטית עם CSS בלבד (בלי JavaScript)
הטקסט ארוך מדי למסך? במקום לשבור את הראש עם JavaScript, גלו את השיטה הפשוטה ב-CSS שמקצרת טקסטים אוטומטית ומוסיפה שלוש נקודות (...) בצורה נקייה ואלגנטית. שלוש שורות ואתם בעניינים.
משהו פשוט ביותר אבל שמיש מאוד! ולא אני לא מדבר על מטאטא טקטי שמשמיד ג'וקים. 🪳 אני מדבר על הנושא בפוסט הבא בסדרת "נו בחייך! css זה לא כזה מגעיל".🤢 והנושא של היום כשיש לנו טקסט ארוך מדיי ואנחנו רוצים להגביל לדוגמא ל300px את הטקסט. אנחנו מוסיפים … בסוף המשפט וגוזרים את שאר המשפט. שמיש בעיקר בשילוב של db כשמשתמש קצה מכניס מידע, ויכול להיות שהוא יתן לנו סיפור חיים מסובך וארוך מהמקום שיש לנו במסך. 👎 הדרך המטופשת לעשות את זה היא כמובן עם js וזה בדיוק מה שאומות העולם קוראים עבודה &^&% 👍 ובcss זה בדיוק 3 שורות. white-space: nowrap; overflow: hidden; text-overflow: ellipsis; עכשיו אתם תגידו מה עם הסבר על איך זה עובד? ואני אכתוב לכם אולי פוסט אחד תשאלו את gpt! ואתם תכעסו כי למי יש כוח להתמודד עם מאמץ מיותר. 😒 ואני אגיד לכם שאם לא תעבדו על עצמכם עכשיו. אתם תמצאו את עצמכם עוד עשרים שנה יושבים בפיצוציית איציק בדרום לוד המתחדשת (מי שמכיר מכיר), צועקים "אחשלייייייי" למוכר עם שפם בר מצווה ואמסטף. וחולקים ארוחת צהרים עם חתול ג'ינג'י עם אופי של מוקדנית סקרים, מחזיקים בחישגד כרטיס גירוד, עם שולחן של בירה עם שם של מקסיקני ומסטיק בטעם כחול. אז תקשיבו לעצתי תבדקו בעצמכם. 😘 שלכם לנצח: אני בעצמי 😎
שתף את המאמר
נכתב על ידי
Yosefus Flavius
מתכנת מוכשר בחסד עליון ככה אומרים עלי כולם - לפחות בפרצוף שלי, אני אוהב ומעולה בלטייל ולתכנן טיולים בעיקר במדינות מגניבות, ואני צלם חובב כבר מעל 10 שנים.
עקבו באינסטגרם