सीएसएस समस्या: "text-align: center" का संयोजन और "न्यूनतम-चौड़ाई" IE में काम नहीं कर 7/आईई 8 compat मोड

यहाँ मेरी एचटीएमएल है:सीएसएस समस्या: "text-align: center" का संयोजन और "न्यूनतम-चौड़ाई" IE में काम नहीं कर 7/आईई 8 compat मोड

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<style type="text/css"> 
    input.navbutton 
    { 
     text-align: center; 
     min-width: 100px; 
    } 
</style> 
</head> 
<body> 
    <input type="submit" class="navbutton " value="Next" /> 
</body> 
</html>

IE 7 पर, यह समाप्त होता है इस तरह की तलाश में:

alt text http://i48.tinypic.com/2ijm6x5.png

लेकिन Firefox पर यह इस तरह दिखता है:

alt text http://i50.tinypic.com/14o6ej9.jpg

जैसा कि आप देख सकते हैं, पाठ आईई 7 में सही ढंग से केंद्रित नहीं है।

इसे हल करने के तरीके पर कोई विचार?

स्रोत

2010-02-10 einarq

आज भी यही समस्या में उछला। एक उचित स्वीकार्य समाधान नहीं मिल रहा है ... क्या आप? – Peter

'लाइन-ऊंचाई' जोड़ना काम करता प्रतीत होता है। एक पूर्ण उदाहरण के लिए नीचे मेरा जवाब देखें। – Pluto

इस प्रयास करें:

input.navbutton 
{ 
    text-align: center; 
    min-width: 100px; 
    align:center; 
}

आईई (पुराने) में, align भी पाठ को प्रभावित करता है।

स्रोत

2010-02-10 12:46:11 Sarfraz

सुझाव के लिए धन्यवाद, लेकिन कोई पासा मैं डर रहा हूँ। – einarq

अच्छा बग आपकी पकड़ा einarq ..

यह न्यूनतम-चौड़ाई बग से संबंधित हो सकता: http://social.msdn.microsoft.com/Forums/en/iewebdevelopment/thread/e54188ad-cdad-4168-bbf9-2d0b5271676d

केवल व्यवहार्य समाधान का मैं देख सकता हूँ न्यूनतम-चौड़ाई ड्रॉप और बाईं जोड़ने के लिए है और दाएं पैडिंग ..

स्रोत

2010-02-10 13:04:42

min-width पहले से ही एक बटन पर आईई 6/7 में काम नहीं करता है (यह टेक्स्ट बड़ा होने पर बटन का विस्तार नहीं करेगा, जैसा कि आप उम्मीद करते हैं)। इसे width द्वारा बदलें और इसके साथ लाइव रहें।

स्रोत

2010-02-10 13:08:39 BalusC

न्यूनतम चौड़ाई आईई 7 (आईई 6 नहीं) द्वारा समर्थित है, लेकिन जाहिर है कि यह थोड़ा छोटी है। आईई 8 (गैर-कंपैट मोड) http://msdn.microsoft.com/en-us/library/ms530820(VS.85).aspx – einarq

डी ओह में व्यवहार सही है। मैंने सचमुच एक बटन पर 'न्यूनतम चौड़ाई' ** कहा **। कोशिश करें और हेडलेसली डाउनवॉटिंग से पहले खुद को देखें: / – BalusC

-1

अपने सीएसएस में margin: 0 auto; आज़माएं। मैं <div> टैग के लिए इस केंद्र पाठ को जानता हूं लेकिन मुझे बटन के बारे में पता नहीं है।

स्रोत

2010-02-10 22:44:16

-1

बदलते तो आप इस के लिए CSS का प्रयास करें:

input.navbutton 
    { 
      text-align: center; 
      min-width: 100px; 
    }

स्रोत

2011-10-07 15:34:25

मुझे थोड़ी देर के लिया यह पता लगाने की है, लेकिन मैं अंत में यह मिल गया। तीन गुणों के संयोजन का उपयोग करने की आवश्यकता है:

input.navbutton { 
    min-width: 100px; 
    overflow: visible; 
    line-height: 120%; 
}

आपका टेक्स्ट स्वचालित रूप से केंद्रित हो जाएगा। line-height को बाहर रखा जा सकता है यदि आप अपने टेक्स्ट को बाएं या दाएं संरेखित कर रहे हैं। एक पूर्ण उदाहरण के लिए this jsfiddle देखें।

स्रोत

2015-10-01 18:21:54 Pluto

सीएसएस समस्या: "text-align: center" का संयोजन और "न्यूनतम-चौड़ाई" IE में काम नहीं कर 7/आईई 8 compat मोड

उत्तर

संबंधित मुद्दे