ראשיאודותטיוליםצילוםfull Stack
Yosefus FlaviusYosefus Flavius

Yosefus flavius

אני בעצמי

קישורים מהירים

  • דף הבית
  • אודות
  • בלוג
logo

© 2025 Yosefus Flavius WebDeveloper

איך לקצר טקסט ארוך בצורה אלגנטית עם CSS בלבד (בלי JavaScript) - מדריך מקיף עם טיפים ומידע שימושי

איך לקצר טקסט ארוך בצורה אלגנטית עם CSS בלבד (בלי JavaScript)

  1. בית
  2. >
  3. Full Stack
9 באוקטובר 2024• זמן קריאה: 1 דקות

הטקסט ארוך מדי למסך? במקום לשבור את הראש עם JavaScript, גלו את השיטה הפשוטה ב-CSS שמקצרת טקסטים אוטומטית ומוסיפה שלוש נקודות (...) בצורה נקייה ואלגנטית. שלוש שורות ואתם בעניינים.

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

linkedin
whatsapp
facebook
x
Y

Yosefus Flavius

כותב הבלוג

כתבות קשורות

כתבות דומות

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע
27 באפריל 2025
Full Stack>>פרונט אנד

CSS Mix-blend-mode: איך לשלב תוכן עם הרקע

בפוסט הזה נלמד על שימוש ב־mix-blend-mode ב־CSS, טכניקת עיצוב מגניבה שמאפשרת לשלב את התוכן של האלמנט עם הרקע והאב בצורה מרהיבה ומיוחדת.

@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון
27 באפריל 2025
Full Stack>>פרונט אנד

@apply ב־Tailwind: מה זה ואיך להשתמש בזה נכון

@apply ב־Tailwind מאפשר לאחד מספר קלאסים לקלאס אחד, אבל יש לזה יתרונות וחסרונות. למדו איך להשתמש בזה בצורה חכמה ומתי כדאי להימנע.

כל מה שצריך לדעת על צבעים ב־Tailwind CSS: טיפים, טריקים ואינטואיציה ️
27 באפריל 2025
Full Stack>>פרונט אנד

כל מה שצריך לדעת על צבעים ב־Tailwind CSS: טיפים, טריקים ואינטואיציה ️

למד איך להשתמש בצבעים ב־Tailwind CSS, כולל הצבעים המובנים, שמות אינטואיטיביים, וריאציות צבעים ודרכים להוסיף ולהתאים אישית את פלטת הצבעים בעזרת הקונפיגורציה.