في HTML ، الأزرار هي عناصر قابلة للنقر تُستخدم لتنفيذ إجراء معين. باستخدام CSS ، يمكنك ضبط موضع الزر حيث تريد وضعه. للقيام بذلك ، هناك العديد من التقنيات في CSS ، أحدها هو flexbox. ' ثني 'لتعيين موضع العنصر وفقًا لإطار العرض الخاص به.
ستعلم هذه المقالة كيفية توسيط زر باستخدام CSS Flexbox.
لذا ، فلنبدأ!
كيفية توسيط زر باستخدام CSS flexbox؟
' ثني 'هي القيمة المحددة لخاصية عرض CSS. اعتمادًا على حجم منفذ العرض ، يقوم بتعيين المحتوى أو العناصر وفقًا لذلك. في CSS ، تخلق القيمة المرنة مساحة متساوية بين العناصر لضمان ترتيبها بكفاءة.
بناء الجملة
في الصيغة الموضحة أعلاه ، ' ثني سيتم تحديد 'كقيمة لـ' عرض ' منشأه.
لذا ، دعنا نتحقق من المثال لمركز الزر باستخدام المرن.
مثال
في
من HTML ، سننشئ حاوية بفئة باسم ' زر 'وداخله أنشئ زرًا باستخدام علامة
فئة
- فطيرة التوت
- إيثرنت
- آخر
- نانو
- تكبير
- قرفة
- المراجعات
- Zorinos
- مذياع
- ماين كرافت
- Ssh
- Openvas
- ضغط
- ارافيل
- ايركراك
- برامج الإنتاجية المكتبية
- حذاء طويل
- مكالمات النظام
- Sysctl
- الشبكات
- Gpu
- أعرج
- نوع من أنواع الصفائح من نوع Plex
- Uefi
- عامل ميناء
- جدار الحماية
- Wireshark
- سينولوجيا
- بي دي إف
- اثير
- نظام الببغاء
- سامية
- سيلينو
- مفرط- V
- هاتف
- الشفرة
- جنوم
- رقة
- الفأر
- Nmap
- ميتاسبلويت
- سيل
- لوح
- بيشارم
- لفة
- أين
- مجلس التعاون الخليجي
- الخطوط
- Ssl
- نفيديا
- الصور
- يو اس بي
- حبار
- رفيق
- مشغل الميديا vlc
- نظام أسماء النطاقات
- بيتكوين
- لوحة المفاتيح
- إنكسكيب
- التشفير
- فيدورا
- Owncloud
- الماسح الضوئي
- ذرة
- قبعة حمراء
- برنامج Teamviewer
- سكايب
- Vpn
- Xfce
- دفتر Jupyter
- Nfs
- مدونة
- لفم
- Suse
- مشغلات الوسائط
- بوسيكس
- بخار
- جينكينز
- قوة
- أوراكل لينكس
- Netstat
- متر مربع
- بلوتوث
- Ssd
- سيطرة
- جنتو
- ملحمة
- صوتي
- وحدة المعالجة المركزية
- تينسورفلو
- أوتوديسك
- لوبونتو
- لفم
- شبابيك
- Microsoft Edge (قديم)
- متصفح الانترنت
- مكتب. مقر. مركز
- آخر
- سكايب
- نظام أسماء النطاقات
- فطيرة التوت
- كاميرا ويب
- مشغلات الوسائط
- cPanel
- هابروكسي
- جنوم
- حذاء طويل
- سامية