Abdullah Mohamed4 نشر 10 يناير 2022 أرسل تقرير مشاركة نشر 10 يناير 2022 ازاي احط اكثر من صورة افقيا بينهما تباعد بالhtml داخل div مثل هذة الصورة 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 بلال زيادة نشر 10 يناير 2022 أرسل تقرير مشاركة نشر 10 يناير 2022 يمكنك إنشاء وسم div بهذا الشكل <div class="items"> <div class="box"> <div class="box-header"> <h3>title</h3> </div> <div class="box-body"> <img src="image1.png" /> </div> <div class="box-footer"> <p>Description here</p> </div> </div> <div class="box"> <div class="box-header"> <h3>title</h3> </div> <div class="box-body"> <img src="image1.png" /> </div> <div class="box-footer"> <p>Description here</p> </div> </div> <div class="box"> <div class="box-header"> <h3>title</h3> </div> <div class="box-body"> <img src="image1.png" /> </div> <div class="box-footer"> <p>Description here</p> </div> </div> <div class="box"> <div class="box-header"> <h3>title</h3> </div> <div class="box-body"> <img src="image1.png" /> </div> <div class="box-footer"> <p>Description here</p> </div> </div> <div> ثم نستخدم flexbox و لجعل العناصر بجانب بعض نختار الخاصية display: flex ليتم وضع العناصر بجانب بعضها مثل .items{ display: flex; } .items .box{ border: 2px solid #CCC; margin: 5px 20px; } و قمنا باستخدام الخاصية margin لجعل هوامش من الجهات الأربعة للصناديق التي تحتوي على العناصر المتمثلة في العنصر box . 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Abdullah Mohamed4
ازاي احط اكثر من صورة افقيا بينهما تباعد بالhtml داخل div مثل هذة الصورة
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.