में टेक्स्ट इनपुट में लंबवत केंद्र टेक्स्ट मुझे इंटरनेट एक्सप्लोरर में इनपुट फ़ील्ड में वर्टिकल संरेखण टेक्स्ट में समस्या हो रही है।इंटरनेट एक्सप्लोरर
मेरे पास है:
input#search {
float:left;
font-size:11px;
height:20px;
margin:0;
padding-left:4px;
width:100px;
}
फ़ायरफ़ॉक्स और क्रोम में, यह स्वचालित रूप से खड़ी संरेखित किया गया प्रतीत हो रहा है लेकिन इंटरनेट एक्सप्लोरर में ऐसा नहीं है।
आप इस तरह आईई सशर्त टिप्पणी का उपयोग कर सकते हैं:
<!--[if IE]>
input#search{
padding-top:3px; /* adjust value */
}
<![endif]-->
स्थापना line-height:1 लंबवत संरेखण और padding:.15em का एक सा कम हो सकता है भी क्षेत्र के लिए कुछ साँस लेने अंतरिक्ष जोड़ना चाहिए।
बस इनपुट ऑब्जेक्ट के लिए ऊंचाई और रेखा-ऊंचाई सेट करें और यह ठीक काम करता है (यानी 7+)।
input { border: 0; font-size: 0.8em; height: 32px; line-height: 32px;}
जीएल पाउलो बुएनो
यह हमेशा लाइन-ऊंचाई के बारे में है :) – robertp
सर्वश्रेष्ठ क्रॉस-ब्राउज़र समाधान आईएमओ। –
धन्यवाद यह समाधान है –
बस एक ही मूल्य के साथ एक पाठ बॉक्स के लिए line-height और height परिभाषित करते हैं। इसे ध्यान में रखा जाएगा
पैरेंट div की जांच करें। यदि यह खाली है तो आपको सामग्री (&nbps;) जोड़ने की आवश्यकता है ताकि एक्सप्लोरर ऊंचाई को सही ढंग से कैल्क कर सके।
मुझे एक ही समस्या है और इनपुट ऊंचाई और रेखा-ऊंचाई को बदलने से कुछ भी प्रभावित नहीं होता है। – Evans