CSS Text Wrapper הוא מחולל מעטפת CSS לטקסט שמאפשר ל"יישר" טקסט לאו דווקא בצורה ישרה. כלומר, טקסט אשר עוטף אובייקט (למשל, תמונה) לא חייב יהיה לעטוף אותו בקוים ישרים כמרובע, אלא ניתן לעצב את סידור הטקסט בכל צורה: עיקול, אלכסון וכו'.

נראה לי שהשימוש העיקרי במחולל הזה הוא למטרת משחק, בכל מקרה – זה עובד ומייצר תוצאה מוצלחת.

css text wrap - דוגמאות ליישור הטקסט בצורות

עם מסתבכים, ניתן למצוא הסבר בוידאו איך לבצע, וגם ניתן לראות דוגמאות מגניבות.

הנה דוגמא משלי (לקוראים דרך RSS, אולי זה לא יעבוד לכם, תאלצו להכנס לפוסט):

זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה. זוהי הדגמה על טקסט שנעטף ב-CSS שנוצר במחוול CSS Text Wrapper אשר מאפשר ליישר טקסט לאו דווקא בצורה ישרה.

קרא פוסטים נוספים בנושא זה:

- הצגת תמונות בבלוג – איך לשפר את ה-CSS

- עריכת תבניות ועיצובים באמצעות FireBug

- עריכה ב-RealTime עבור IE7

- מדריך לתרגום תבניות Wordpress לעברית

- התאמת עיצוב האתר לגרסאות שונות של IE