كيفية توسيط زر باستخدام CSS Flexbox

في HTML ، الأزرار هي عناصر قابلة للنقر تُستخدم لتنفيذ إجراء معين. باستخدام CSS ، يمكنك ضبط موضع الزر حيث تريد وضعه. للقيام بذلك ، هناك العديد من التقنيات في CSS ، أحدها هو flexbox. ' ثني 'لتعيين موضع العنصر وفقًا لإطار العرض الخاص به.

ستعلم هذه المقالة كيفية توسيط زر باستخدام CSS Flexbox.

لذا ، فلنبدأ!

كيفية توسيط زر باستخدام CSS flexbox؟

' ثني 'هي القيمة المحددة لخاصية عرض CSS. اعتمادًا على حجم منفذ العرض ، يقوم بتعيين المحتوى أو العناصر وفقًا لذلك. في CSS ، تخلق القيمة المرنة مساحة متساوية بين العناصر لضمان ترتيبها بكفاءة.

بناء الجملة

في الصيغة الموضحة أعلاه ، ' ثني سيتم تحديد 'كقيمة لـ' عرض ' منشأه.

لذا ، دعنا نتحقق من المثال لمركز الزر باستخدام المرن.

مثال

في من HTML ، سننشئ حاوية بفئة