טיפול בכל אלמנט X ב- CSS

  עמוד הבית » בלוג מפתחים

לעתים יש צורך בטיפול מיוחד באלמנטים ב- CSS, למשל כאשר אתם נותנים לתיבות להסתדר דינמית בתוך DIV , כלומר לרדת שורה אוטומטית כאשר השורה מתמלאת.

לדוגמה DIV עם רוחב קבוע של 920PX שבו 3 תיבות ברוחב 300 (עם מרווח של 10PX בניהן).
במצב זה אם לכל תיבה יהיה מרווח של 10PX בצד אחד, ולפיכך ה-DIV יהיה צריך להיות ברוחב 930PX, אולם אנחנו לא רוצים את ה- 10PX המיותרים האלה ולכן נרצה שכל תיבה שלישית תהייה ללא מרווחים (margins:0px;).

הקוד לטיפול במצב כזה יהיה

 

שימו לב: אינו עובד באקספלורר מתחת לגירסאות 9.0 (לא שזה משנה משהו ...)

<< חזרה אל העמוד הקודם

תגיות : CSS

   

×

הצהרת נגישות

אתר זה מונגש לאנשים עם מוגבלויות על פי Web Content Accessibility Guidelines 2 ברמה AA.
האתר נמצא תמידית בתהליכי הנגשה: אנו עושים כל שביכולתנו שהאתר יהיה נגיש לאנשים עם מוגבלות.
אם בכל זאת נתקלתם בבעיית נגישות אנא שלחו לנו הערתכם במייל (אל תשכחו בבקשה לציין את כתובת האתר).

אודות ההנגשה באתר: