بندر البطاطي نشر 22 يونيو 2021 أرسل تقرير مشاركة نشر 22 يونيو 2021 كيف استطيع توسيط النص او الرقم بالطول والعرض مثل الموجود في الصورة بإستخدام flex ؟ 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 محمد أبو عواد نشر 22 يونيو 2021 أرسل تقرير مشاركة نشر 22 يونيو 2021 يمكنك ذلك باستخدام الخاصيتان التاليتان: align-items: تقوم بتوسيط العناصر بشكل طولي ولها أكثر من قيمة من ضمنها center justify-content: تقوم بتوسيط العناصر بشكل أفقي ولها أكثر من قيمة من ضمنها center التي تقوم بتوسيط العنصر لاحظ كود html <div class=""> 2 </div> لاحظ كود css div{ background-color: #333; color: #fff; width: 200px; height: 300px; display: flex; align-items: center; ^^^^^^^^^^^^^^^^^^^^ justify-content: center; ^^^^^^^^^^^^^^^^^^^^^^^^^ } سوف تكون النتيجة كالتالي اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 بندر البطاطي نشر 22 يونيو 2021 الكاتب أرسل تقرير مشاركة نشر 22 يونيو 2021 بتاريخ 41 دقائق مضت قال محمد أبو عواد: يمكنك ذلك باستخدام الخاصيتان التاليتان: align-items: تقوم بتوسيط العناصر بشكل طولي ولها أكثر من قيمة من ضمنها center justify-content: تقوم بتوسيط العناصر بشكل أفقي ولها أكثر من قيمة من ضمنها center التي تقوم بتوسيط العنصر لاحظ كود html <div class=""> 2 </div> لاحظ كود css div{ background-color: #333; color: #fff; width: 200px; height: 300px; display: flex; align-items: center; ^^^^^^^^^^^^^^^^^^^^ justify-content: center; ^^^^^^^^^^^^^^^^^^^^^^^^^ } سوف تكون النتيجة كالتالي شكككككككراً اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Ahmed Mesbah2 نشر 22 يونيو 2021 أرسل تقرير مشاركة نشر 22 يونيو 2021 ممكن تشوف الكود اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
بندر البطاطي
كيف استطيع توسيط النص او الرقم بالطول والعرض مثل الموجود في الصورة بإستخدام flex ؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.