عندما تكتب أزرار (إدخال ، زر) ، ستجد ذلك تحت IE:
مع زيادة عدد الكلمات ، سيصبح التباعد بين الجانبين أكبر وأكبر.
في نمط Win's XP ، عندما يكون عدد الكلمات كبيرة ، سيكون هناك تهرب شديد على كلا الجانبين.
ما هو بالضبط السبب؟
يعطي عمود توحيد الويب الأصلي من Blue Ideal إجابة:
1. عندما يضيف IE قيمة الزر بمقدار 4 بايت (حرفان صينيان) ، سيتم إنشاء عرض هامش يبلغ إجمالي بايت واحد على جانبي الزر.
2. النمط الافتراضي لزر IE (نمط XP) هو صورة مستطيلة محددة بالحجم الثابت مثل الخلفية ، لذلك بمجرد أن يصبح الزر أوسع وأطول ، يبدو أن حواف صورة المستطيل الدائرية ذات الحجم الثابت بشكل طبيعي.
لا يمكننا حل المشكلة الثانية في الوقت الحالي ، ما لم يكن نظام الفوز يعمل على إصلاح الخطأ نفسه ، ولكن لا يزال بإمكاننا إصلاح المشكلة الأولى.
قم بتعيين القيمة المرئية لسمة الفائض لعنصر الزر ضمن IE (ملاحظة: تكون قيمة الحشو صالحة فقط بعد تعيين السمة المرئية). تم استخدام هذه الخاصية بالفعل في المقالة الأخيرة "تطبيق clip الخلفية والخلفية-الأصل". ومع ذلك ، بعد قراءة "مشكلة الأزرار الممتدة في IE" اليوم ، وجدت أن هناك خطأ صغير - إذا وضعت الزر في خلية جدول ، على الرغم من أن الزر يتم عرضه بشكل صحيح ، فإن العرض المحجوز الأصلي لم يتغير ولا يزال يحتل مساحة. تحتاج إلى تعيين عرض الزر على 0 في IE6 (IE7 لديه أيضًا هذا الخطأ ، ولكن لا توجد طريقة جيدة لحلها في الوقت الحالي).
رمز الإصلاح النهائي هو كما يلي (العرض التوضيحي):
input.button {padding: 0 .25em ؛ العرض: السيارات ؛ _width: 0 ؛ الفائض: مرئي! أي ؛}