معلومات عن كيفية استخدام الهوامش

Question

أحتاج إلى بعض المعلومات حول كيفية استخدام الهوامش وكيف بالضبط حشوة يعمل.

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

Answer 1

الق نظرة على هذا: http://redmelon.net/tstme/box_model/

في الأساس، يتكون العنصر من محتوى، محاطًا بحشوته، ثم الحدود، ثم الهامش.تمتد صور الخلفية فقط إلى الحدود.من الأفضل وصف الهوامش بأنها "المسافة البيضاء حول هذا العنصر".

ولكن ألق نظرة على عنوان URL أعلاه، واجعل لنفسك صفحة اختبارية لتجربها، فمن المفترض أن يكون كل ذلك منطقيًا.

Answer 2

أعتقد أن هذا يجب أن يفعل ما تريد:

<table width="100%" cellpadding="5">
  <tr>
    <td>
One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... 
    </td>
  </tr>
</table>

يؤدي تعيين العرض إلى "100%" إلى إجبار النص على استخدام العرض الكامل، كما يؤدي تعيين لوحة الخلية إلى "5" إلى تعيين حد غير مرئي يبلغ 5 بكسل.

Answer 3

هناك طريقة أخرى لتوضيح ذلك وهي في نموذج الصندوق، الحشو هو "الهامش" الداخلي للمربع، وهو الهامش الموجود حول الصندوق.