טריק: מרכז חלוקת עמדה מוחלטת

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

יותר מאדם אחד שאל אותי כיצד למרכז חלוקה ממוקמת לחלוטין, והתשובה היא פשוטה מאוד:

  1. אנו נותנים ל- div רוחב קבוע. דוגמה: 500 פיקסלים
  2. אנו בהחלט ממקמים את החטיבה שנותרה 50%. דוגמה: מיקום: מוחלט; שמאל: 50%;
  3. אנו מפחיתים מחצית ממה שהוא מודד עם השוליים. דוגמה: שוליים-שמאל: -250 פיקסלים;

התוצאה היא חלוקה מרוכזת וממוקמת לחלוטין.


תוכן המאמר עומד בעקרונותינו של אתיקה עריכתית. כדי לדווח על שגיאה לחץ כאן.

15 תגובות, השאר את שלך

השאירו את התגובה שלכם

כתובת הדוא"ל שלך לא תפורסם.

*

*

  1. אחראי לנתונים: מיגל אנחל גטון
  2. מטרת הנתונים: בקרת ספאם, ניהול תגובות.
  3. לגיטימציה: הסכמתך
  4. מסירת הנתונים: הנתונים לא יועברו לצדדים שלישיים אלא בהתחייבות חוקית.
  5. אחסון נתונים: מסד נתונים המתארח על ידי Occentus Networks (EU)
  6. זכויות: בכל עת תוכל להגביל, לשחזר ולמחוק את המידע שלך.

  1.   איוון לירה דיג'ו

    תודה רבה .. כשאתה אומר משהו כל כך פשוט ושעל אף חלוף הזמן הוא עדיין מחברם של כאבי ראש רבים.
    הפוסט שלך היה מאוד שימושי עבורי, תודה רבה.

  2.   תַרמִיל דיג'ו

    תודה רבה !!!

  3.   גלברומן דיג'ו

    תרומה טובה עזרה לי מאוד, תודה

  4.   לוקאס דיג'ו

    איזה משוגע גדול הוא שירת לי: ד

  5.   ויקטור דיג'ו

    מעולה תודה…

  6.   בנימין דיג'ו

    קרלוס טוב מאוד.

  7.   תמונה של מריו לוזאנו דיג'ו

    מידע מצוין

  8.   פרנק קוק דיג'ו

    תודה, זה שירת אותי

  9.   מארק דיג'ו

    הצלת אותי!!! תודה :)

  10.   דניאלפלויד דיג'ו

    תודה דוד, זה עזר לי מאוד !!, חוסר הדמיון הזה שלי.

  11.   דמיאן דיג'ו

    תודה רבה !!!!! הטריק הזה תמיד עוזר לי haha

  12.   o דיג'ו

    תודה רבה חבר מעולה

  13.   כריסמארט אנג'י דיג'ו

    זה לא מרוכז, הכל תלוי בגודל המקורי של אלמנט הבסיס אליו אנו גורמים לו לגדול בהתאם למה שמכניסים לתוכו, מבחינתי היה יותר שימושי להשתמש בזה מאשר חזותית אם אני רואה את זה אפילו יותר מרוכז ו להשיב:

    מוּחלָט;
    עזבו: 50%;
    שוליים-שמאל: -100 פיקסלים;

    זה יהיה חצי.

  14.   אדגר ג'ונג'ו דיג'ו

    התרומה מוערכת, היא ממש עזרה לי, ברכות!

  15.   מרים ג'ס דיג'ו

    תרומה טובה מאוד עזרה לי מאוד, אלף חסד!