مبدأ ضبط ارتفاع المؤشر في متصفح الكروم هو أنه عندما لا يكون هناك محتوى ، فإن ارتفاع المؤشر = قيمة ارتفاع خط الإدخال. عندما يكون هناك محتوى ، يتم عرض حجم المؤشر في مربع إدخال الإدخال بشكل غير متسق من أعلى الإدخال إلى أسفل النص.
IE7 واضح للغاية في تحييد الكروم
دعونا نلقي نظرة على سبب المشكلة: مبدأ متصفح Chrome في تعيين ارتفاع المؤشر هو: عندما لا يكون هناك محتوى ، ارتفاع المؤشر = قيمة ارتفاع خط الإدخال. عندما يكون هناك محتوى ، ينتقل المؤشر من أعلى الإدخال إلى أسفل النص.
حسنًا ، نظرًا لأننا نعرف السبب ، فسوف نتخذ بعض التدابير وفقًا لذلك. حاولت طريقتان للقيام بذلك:
الطريقة 1: اضبط قيمة ارتفاع الخط على نفس حجم حجم الخط ؛ إذا لم يتم الوصول إلى الارتفاع ، فاستخدم الحشو لدعمه ؛
الطريقة 2: لا تقم بتعيين ارتفاع السطر للكروم ، فسيتمركز النص تلقائيًا. اخترق قيمة ارتفاع الخط في IE للتأكد من أن النص يركز عموديًا ؛ يجب أن تلاحظ هنا أنه إذا قمت بتعيين قيم مرتفعة في ملف إعادة التعيين ، فيرجى إعادة تعيين خط السطر ، فيمكنك استخدام Line-Leight: Normal. للحصول على التفاصيل ، يمكنك التحقق من مربع البحث في صفحة Tencent Hollywood.
CSS محددة:
انسخ الرمز