כיצד למרכז כפתור באמצעות CSS Flexbox

ב-HTML, כפתורים הם אלמנטים ניתנים ללחיצה המשמשים לביצוע פעולה ספציפית. באמצעות CSS, אתה יכול להגדיר את מיקום הכפתור היכן שאתה רוצה למקם אותו. לשם כך, ישנן מספר טכניקות ב-CSS, אחת מהן היא flexbox. ' לְהַגמִישׁ ' משמש להגדרת מיקום האלמנט בהתאם לנקודת התצוגה שלו.

מאמר זה ילמד כיצד לרכז כפתור באמצעות CSS Flexbox.

אז, בואו נתחיל!

כיצד למרכז כפתור באמצעות CSS flexbox?

' לְהַגמִישׁ ” הוא הערך שנקבע עבור מאפיין התצוגה של CSS. בהתאם לגודל נקודת התצוגה, הוא מגדיר תוכן או אלמנטים בהתאם. ב-CSS, ערך הגמישות יוצר מרווח שווה בין אלמנטים כדי להבטיח שהם מסודרים ביעילות.

תחביר

בתחביר הנתון לעיל, ' לְהַגמִישׁ ' יצוין כערך של ' לְהַצִיג ' תכונה.

אז בואו נבדוק את הדוגמה לריכוז הכפתור באמצעות flex.

דוגמא

ב- של HTML, ניצור מיכל עם מחלקה