עזרה | איך עושים שה padding יהיה שווה מכל הצדדים?

[איציק דייטש]

עשיתי קישור והגדרתי אותו כ inline-block כך שאני יוכל להגדיר לו את הגובה והרוחב, עכשיו אני רוצה שהקישור יהיה באמצע המרובע שעשיתי סביבו, איך אני עושה את זה?

[chv]

@איציק-דייטש אם כותבים פשוט padding עם מאפיין אחד בלבד, זה חל על כל הצדדים -

padding: 10px;

או שתעשה ידנית..

padding: 10px 10px 10px 10px;

[איציק דייטש]

@chv תודה רבה, בסוף עשיתי ב div העוטף text-align: center;
עריכה: בדקתי את מה שאמרת, אבל הוא מצמיד את הטקסט ללמעלה, כמובן אחרי ה 10px, אני צריך משהו שיחלק את ה padding בשווה למעלה ולמטה...

[chv]

@איציק-דייטש אהה אוקיי..
בכאלה מקרים משתמשים במודל לחלוקה נכונה של הdiv
לדוגמא אפשר להגדיר את הdiv כ

display: flex

ואז אתה יכול לסדר את האלמנטים שבתוכו לדוגמא

justify-content: center

[איציק דייטש]

@chv אמר בעזרה | איך עושים שה padding יהיה שווה מכל הצדדים?:

דוגמא

יש לך עוד דוגמא?
כי מה שנתת לא עזר
עוד שאלה, מה גורם ה flex שאמרת להכניס ב display?

[chv]

@איציק-דייטש ה flex נותן לך יכולת שליטה בתוכן שבתוך האלמנט - ועיצובו כגון הכלל של justify-content או justify-items
זה לא חייב להיות div. כל אלמנט שבתוכו יש עוד אלמנטים - יוכל להחיל את העיצוב הנ"ל על תוכו (אם כתבתי נכון)

[איציק דייטש]

@chv תודה!