الطريقة الأولى: استخدام سمة 'العرض' في HTML
ال ' عرض 'هي سمة أساسية يوفرها HTML. يحدد العرض أو الطول الأفقي لعنصر HTML. لإصلاح بيانات الجدول ، يتم استخدام سمة العرض في الخطوات أدناه.
الخطوة 1: قم بإنشاء جدول الخطوة 2: أضف خصائص CSS إلى عنصر 'table' الخطوة 3: تعيين خصائص للعنصر 'td' الخطوة 4: تعيين خصائص للعنصر 'th' يتم عرض الإخراج على النحو التالي: توضح اللقطة أعلاه أن جميع عروض الأعمدة ثابتة عند 30٪ لكل عمود. يتم استخدام خاصية nth-child () لـ CSS لإنشاء جدول بعرض ثابت. تحصل هذه الخاصية على رقم العمود وتحدد ' ناتج كتلة الكود أعلاه هو: يعرض هذا الإخراج أن رقم العمود 1 و 3 ثابت بعرض 10٪. داخل “ طاولة 'في جزء CSS أضف' الجدول التخطيط: ثابت 'لتعيين' عرض 'عناصر جدول البيانات: في ملف HTML ، أضف ' بعد تنفيذ مقتطف الشفرة أعلاه ، يكون الإخراج: هذه هي الطريقة التي يمكن للمستخدم من خلالها تحديد عرض عناصر بيانات الجدول لإصلاح عرض بيانات الجدول ، استخدم ' عرض ' يصف، ' نث-تشايلد () 'فاصل ، و'
في ملف HTML ، استخدم ' <مركز> 'لعرض كل عنصر بداخله في وسط صفحة الويب. بداخله ، قم ببناء طاولة باستخدام ' <جدول> '،' ' و ' 'وكتابة البيانات فيها:
< مركز >
< طاولة >
< آر >
< ذ > اسم < / ذ >
< ذ > حالة < / ذ >
< ذ > غرفة لا < / ذ >
< / آر >
< آر >
< td > فخار < / td >
< td > طالب < / td >
< td > 06 < / td >
< / آر >
< آر >
< td > عمر < / td >
< td > طالب < / td >
< td > 06 < / td >
< / آر >
< / طاولة >
< / مركز >
استخدم محدد عنصر الجدول في CSS وأضف ' حدود 'بحجم 1 بكسل أحمر خالص ،' محاذاة النص 'محاذاة النص إلى المركز ، و' عرض 'الذي يضبط العرض الإجمالي للجدول على 80٪:
طاولة {
حدود : أحمر صلب 1 بكسل ؛
نص- محاذاة : مركز؛
عرض : 80 ٪؛ }
استخدم ال ' td 'محدد العنصر ويعين' الحد السفلي 'بحجم 5 بكسل أحمر خالص ،' حشوة 20 بكسل لجعل العنصر أكثر بروزًا ، و ' عرض تعيين كـ 30٪:
td {
الحد السفلي: 5 بكسل أحمر خالص ؛
الحشو: 20 بكسل ؛
عرض : 30 ٪؛
}
استخدم ال ' ذ 'محدد العنصر لتغيير لون' الحد السفلي 'من الأحمر إلى البحر الأخضر لإنشاء تصور أفضل:
ذ {
الحد السفلي: 5 بكسل ، أخضر بحري صلب ؛
الحشو: 20 بكسل ؛
عرض : 30 ٪؛
}
الطريقة 2: استخدام محدد 'nth-child ()'
' و ' '. على سبيل المثال ، العرض هو ' مُثَبَّت 'لأرقام الأعمدة فقط' 1 ' و ' 3 '. يتم عرض كل عمود من هذه الأعمدة بنسبة 10٪. لقد أوضحت هذه المقالة بنجاح كيفية إصلاح عرض جدول البيانات. الدفتيريا: الطفل ن ( 3 ) {
عرض : 10 ٪؛
}
عشر: الطفل التاسع ( 1 ) {
عرض : 10 ٪؛
}
الطريقة الثالثة: استخدام علامة
تخطيط الجدول: ثابت ؛
عرض : 80 ٪؛
حدود : أحمر صلب 1 بكسل ؛
نص- محاذاة : مركز؛
}
< العمود أسلوب = 'العرض: 15٪ ؛' / >
< العمود أسلوب = 'العرض: 30٪ ؛' / >
.
خاتمة
.