• דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
כיווץ
תחומים

תחומים - פורום חרדי מקצועי

סידור אלמנטים בCSS

מתוזמן נעוץ נעול הועבר תכנות
3 פוסטים 3 כותבים 102 צפיות
    • מהישן לחדש
    • מהחדש לישן
    • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • גמליאלג מנותק
    גמליאלג מנותק
    גמליאל
    כתב ב נערך לאחרונה על ידי גמליאל
    #1

    יש לי div אב, המכיל למשל 4 divים ילדים וכל ילד מוגדר על רוחב של 25%
    הייתי מצפה שכולם יכנסו בשורה אחת (הילדים הוגדרו כ inline), אך בפועל יש כאן איזה רווח שאני לא מצליח להתפטר ממנו שגונב שטח (וזה לא border כי אין להם כזה), מה שגורם תמיד לdiv האחרון לרדת לשורה הבאה.
    הנה זה:
    https://jsfiddle.net/c7a85js2/1/

    למה זה?

    איש נחמדא תגובה 1 תגובה אחרונה
    0
  • איש נחמדא מנותק
    איש נחמדא מנותק
    איש נחמד
    השיב לגמליאל ב נערך לאחרונה על ידי איש נחמד
    #2

    @גמליאל אמר בסידור אלמנטים בCSS:

    למה זה?

    זאת תוצאה של שימוש ב-inline:
    https://stackoverflow.com/questions/1833734/display-inline-block-extra-margin
    https://stackoverflow.com/a/5078297/11675758

    הסרת הרווחים בקוד תסיר אותם גם בתצוגה:

    <div class="fathr">
      <div class="child"></div><div class="child"></div><div class="child"></div><div class="child"></div>
    </div>
    

    להיות איש נחמד זה מחייב...

    תגובה 1 תגובה אחרונה
    4
  • zvizviZ מנותק
    zvizviZ מנותק
    zvizvi
    כתב ב נערך לאחרונה על ידי
    #3

    או לחלופין, להגדיר את ההורה כ flex או inline-flex.

    https://zvizvi.xyz

    תגובה 1 תגובה אחרונה
    3

  • התחברות

  • אין לך חשבון עדיין? הרשמה

  • התחברו או הירשמו כדי לחפש.
  • פוסט ראשון
    פוסט אחרון
0
  • דף הבית
  • קטגוריות
  • פוסטים אחרונים
  • משתמשים
  • חיפוש
  • חוקי הפורום
  • התחברות

  • אין לך חשבון עדיין? הרשמה

  • התחברו או הירשמו כדי לחפש.