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

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

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. סידור אלמנטים בCSS

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

מתוזמן נעוץ נעול הועבר תכנות
3 פוסטים 3 כותבים 148 צפיות
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • גמליאלג מנותק
    גמליאלג מנותק
    גמליאל
    כתב ב נערך לאחרונה על ידי גמליאל
    #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
        • דף הבית
        • קטגוריות
        • פוסטים אחרונים
        • משתמשים
        • חיפוש
        • חוקי הפורום