يمكن أن تكون الهوامش والحشو مربكة لأنها ، من بعض النواحي ، تبدو وكأنها نفس الشيء: مساحة بيضاء حول صورة أو كائن. إليك ما تحتاج كمصمم ويب لمعرفته حول الاختلافات بينهما.
حشوة
الحشو هو المسافة بين الصورة أو محتويات الخلية وحدودها الخارجية. في الصورة أدناه ، المساحة المتروكة هي المنطقة الصفراء حول المحتوى. في هذه الحالة ، تنتشر المساحة المتروكة تمامًا حول المحتويات: الجوانب العلوية والسفلية واليمنى واليسرى. يمكنك تحديد مقدار المساحة المتروكة (بالنسبة المئوية ، والبكسل ، والنقاط ، وما إلى ذلك) لكل جانب ، ولا يلزم أن تكون متماثلة. بهذه الطريقة ، يمكنك وضع المحتوى داخل عنصر.
هوامش
في المقابل ، الهوامش هي المسافات الموجودة خارج حدود العنصر ، بين العنصر وما هو مجاور له. الهامش في الصورة هو المساحة البيضاء خارج الكائن بأكمله. مثل الحشو ، يدور الهامش تمامًا حول المحتويات في هذا المثال: في الجوانب العلوية والسفلية واليمنى واليسرى. يمكنك استخدام الهوامش لوضع divs والعناصر الأخرى على الصفحة.
اختبر صفحاتك دائمًا في مختلف المتصفحات وأنظمة التشغيل (بما في ذلك الهاتف المحمول) وأحجام الشاشات للتأكد من أنها تظهر تمامًا كما تريدها.
