محمد بوسكوري نشر 24 فبراير 2016 أرسل تقرير مشاركة نشر 24 فبراير 2016 كي أتمكن من وضع عنصر وسط وسم div لجأت إلى استخدام استخدام left: 50% لكن ما لاحظته أن العنصر يأتي وسط الشاشة ولسي وسط div. فكيف أتمكن من فعل ذلك بشكل صحيح؟ اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 E.Nourddine نشر 25 فبراير 2016 أرسل تقرير مشاركة نشر 25 فبراير 2016 لكي يتموضع العنصر وسط الوسم div والذي يعتبر العنصر الأب في هذه الحالة، عليك بإضافة الخاصية text-align:center إلى العنصر div و margin:auto إلى العنصر الإبن. هذا مثال تطبيقي يشرح كيفية فعل ذلك: صفحة html تضم div مع id بقيمةparent، مع 3 عناصر : <div id="parent"> <div id="child1" class="block center">a block to align center and with text aligned left</div> <div id="child2" class="block left">a block to align left and with text aligned left</div> <div id="child3" class="block right">a block to align right and with text aligned left</div> </div> كود css المتحكم في العناصر السابقة و الأب parent أيضا: #parent { text-align:center; background-color:blue; height:400px; width:600px; } .block { height:100px; width:200px; text-align:left; } .center { margin:auto; background-color:green; } .left { margin:auto auto auto 0; background-color:red; } .right { margin:auto 0 auto auto; background-color:yellow; } صورة للنتيجة: مثال تطبيقي 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Majed Ghenam نشر 26 يوليو 2019 أرسل تقرير مشاركة نشر 26 يوليو 2019 شكرا أخي. اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
محمد بوسكوري
كي أتمكن من وضع عنصر وسط وسم div لجأت إلى استخدام استخدام left: 50% لكن ما لاحظته أن العنصر يأتي وسط الشاشة ولسي وسط div.
فكيف أتمكن من فعل ذلك بشكل صحيح؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.