التعليق: لا يمكن عرض صورة الخلفية للجدول 100 ٪ هي صداع. لحسن الحظ ، وجدت حلًا عبر الإنترنت. يمكن للأصدقاء المحتاجين الرجوع إليه.
تم العثور على الموقف التالي أثناء التنمية:
(1) إذا تم تخزين الملف في شكل لاحقة ملف .jsp ، يكون الرمز كما يلي (index.jsp):
الرمز كما يلي:
<٪@page contentType = text/html ؛ charset = utf-8 pageencoding = utf-8 language = java ٪>
<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3
<html xmlns = http: //www.w3.org/1999/xhtml>
<head>
<meta http-equiv = content-type content = text/html ؛ charset = utf-8 />
<title> دع الجدول يتم عرضه 100 ٪ </title>
</head> </p> <p> <body style = background:#9c9 ؛>
<table cellpading = 0 cellpacing = 0 style = width: 100 ٪ ؛ >
<tr>
<ارتفاع TD = 8 عرض = 17px ؛ > <img src = img/bg-header_l.gif width = 17 height = 8/> </td>
<td style = الخلفية: url (img/bg-header_c.gif) REFERE-X ؛> </td>
<ارتفاع TD = 8 عرض = 17px ؛ > <img src = img/bg-header_r.gif عرض = 17 ارتفاع = 8/> </td>
</r>
</table>
</body>
</html>
بعد تشغيل البرنامج ، يظهر التأثير المعروض على الصفحة في الشكل أدناه:
هناك مكانان خاطئان في هذا التأثير:
(1) خلفية TD في الوسط لا تغطي TD بأكمله ؛
(2) عرض الجدول بأكمله لا يملأ الشاشة بأكملها.
كنت في حيرة ومكتئب جدا! ! في الخلفية ، حاول إضافة الحدود = 0 إلى الجدول ، ولا يزال التأثير كما هو موضح في الشكل أعلاه. قم بتغيير من 0 إلى 1 ووجد أن الجدول يملأ الشاشة بأكملها ، ويتم تغطية TD أيضًا بالخلفية ، كما هو موضح في الشكل أدناه ، لكن حدود الجدول ليست ما أريد.
وقد وجد أن الطريقة أعلاه لا يمكن أن تحل المشكلة بشكل أساسي.
ثم قارنت 3 TDs في الجدول ووجدت أنه لا يوجد محتوى في TD الثاني ، لذلك حاولت ملء المحتوى في TD الثاني ، وكان الرمز كما يلي:
<table cellpading = 0 cellpacing = 0 نمط = العرض: 100 ٪ ؛ >
<tr>
<ارتفاع TD = 8 عرض = 17px ؛ > <img src = img/bg-header_l.gif width = 17 height = 8/> </td>
<td style = الخلفية: url (img/bg-header_c.gif) REFERE-X ؛> يضيف TD الثاني محتوى </td>
<ارتفاع TD = 8 عرض = 17px ؛ > <img src = img/bg-header_r.gif عرض = 17 ارتفاع = 8/> </td>
</r>
</table>
التأثير بعد تشغيل الكود يتماشى بشكل أساسي مع النتيجة النهائية ، وتأثير العملية كما يلي:
فيما يلي القليل من التعديل على الرمز ، الرمز الكامل هو كما يلي:
الرمز كما يلي:
<٪@page contentType = text/html ؛ charset = utf-8 pageencoding = utf-8 language = java ٪>
<! doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3
<html xmlns = http: //www.w3.org/1999/xhtml>
<head>
<meta http-equiv = content-type content = text/html ؛ charset = utf-8 />
<title> دع الجدول يتم عرضه 100 ٪ </title>
</head>
<نمط الجسم = الخلفية:#9C9 ؛>
<table cellpading = 0 cellpacing = 0 style = width: 100 ٪ ؛ >
<tr>
<ارتفاع TD = 8 عرض = 17px ؛ > <img src = img/bg-header_l.gif width = 17 height = 8/> </td>
<td style = الخلفية: url (img/bg-header_c.gif) Repert-x ؛ حجم الخط: 0px ؛> & nbsp ؛ </td>
<ارتفاع TD = 8 عرض = 17px ؛ > <img src = img/bg-header_r.gif عرض = 17 ارتفاع = 8/> </td>
</r>
</table>
</body>
</html>
يظهر التأثير النهائي في الشكل أدناه: