توسيط عناصر Html بداخل الصفحة

بتاريخ 2 دقائق مضت قال ليان أبو شعر:

كيف اجعل كل محتوى ال div في نصف الصفحه   لما يظهر ع المتصفح وليس  ع اليسار ومساحة العرض اكبر من الحجم الموجود متلا 300px 

يمكنك إعطاء الdiv التنسيق التالي 

div{
	margin: 0 auto; 
	width: 500px;
}

ليصبح بالمنتصف أو يمكنك استخدام الخاصية transform 

div {
  left: 50%;
  transform: translate(-50%);
}

بحيث يكون الdiv في المنتصف . 

يمكننا فعل ذلك من خلال تغيير غرض العنصر body ليكون flex , ثم نستخدم الخصائث الخاصة بصندوق flex لتوسيط العناصر في منتصف الصفحة , فيكون الكود بالشكل التالي

	body{
		display: flex;
		justify-content: center;
	}

الخاصية justify-content تقوم بتوسيط العناصر الموجودة بداخل العنصر الذي لديه خاصية display:flex بشكل أفقي