![ישן](https://static.fresh.co.il/images/vBulletin/statusicon/post_old.gif)
13-01-2009, 09:54
|
![צלמית המשתמש של ShoobyD](image.php?u=90538&dateline=1446052575) |
מנהל משבראש, בלשנות, תכנות ויהדות
|
|
חבר מתאריך: 04.06.06
הודעות: 33,130
|
|
|
תוסיף גם line-height:100px; ל-DIV
vertical-align מסדר את הטקסט אנכית לאמצע השורה,
אבל הטקסט עצמו הוא בגובה שורה ולכן לא קורה כלום..
תוספת line-height:100px; מגדירה את כל הגובה של ה-DIV להיות שורה ואז הטקסט אכן יופיע באמצעה ![Smile](images/smilies/smile.gif)
האמור לעייל מתאים במקרה שהטקסט עצמו הוא רק שורה בודדת
הטריק לא טוב כאשר ישנם כמה שורות טקסט (שהרי כל שורה היא בגובה ה-DIV..)
במקרה זה רוצים למרכז אנכית את כל הטקסט כבלוק אחד
פתרון אפשרי הוא נתינת מאפיין display:table-cell; ל-DIV
הבעייה רק שזה לא עובד ב-IE.. (עובד אבל ב-FF, אופרה ועוד)
הפתרון המלא היחיד שאני מכיר ל-IE דורש 3 תגים עוטפים...
(אחד עוטף כללי, אמצעי עם ירידה של 50% מהראשון, ופנימי עם עליה של 50% מהאמצעי )
מקווה שעזרתי ![Smile](images/smilies/smile.gif)
|