2015-06-24 10 views
5

के अंदर इनपुट को कैसे केन्द्रित करें मुझे एक div के अंदर एक इनपुट को लंबवत रूप से केंद्र करने की कोशिश करने में कुछ समस्या है। मैं अलग अलग स्थानों, मार्जिन, संरेखित, आदि के साथ इतने सारे घंटे कोशिश की ...सीएसएस: div

कोड के बारे में कुछ जानकारी: (तल पर पिछले एक,) संपर्क

मैं कोशिश: वेबसाइट: http://goo.gl/bDjv8C धारा "आपका ईमेल" इनपुट को केन्द्रित करने के लिए, लेकिन जब आप पृष्ठ पर ज़ूम इन/आउट करते हैं (या विभिन्न डिवाइस उर्फ ​​स्मार्टफ़ोन का उपयोग करते हैं) स्थिति बिल्कुल वही नहीं है> _ <

सबसे पहले मेरे पास केवल एक इनपुट था और " ठीक है "बटन पर दाएं, लेकिन दोनों जहां कभी लंबवत केंद्रित नहीं थे (कुछ बार" ठीक "ऊपर था, कभी-कभी नीचे ...)। तो मैंने दो इनपुट के बीच अंतर को छिपाने के लिए एक काले रंग की पृष्ठभूमि के साथ एक div बनाने की कोशिश की, लेकिन यह बदतर हो गया: लेकिन

किसी के पास कोई विचार है?

पीएस: यह एक क्षैतिज-संरेखण समस्या नहीं है, लेकिन एक लंबवत है।

+0

यही सीएसएस जाँच में line-height है, या मैं समझ नहीं किया। फिर भी धन्यवाद ! – OFS

उत्तर

4

जवाब इस बेला क्षैतिज संरेखित के लिए http://jsfiddle.net/elviz/qvzk1eoj/1/

 .sample{ 
      height: 50px; 
      background-color: red; 
      line-height: 50px; 
      } 
+0

काम करता है। और यहां तक ​​कि स्मार्टफोन पर भी। आप जीनियस हैं। मुझे नहीं पता था कि मैं एक पूरे div लाइन ऊंचाई ऊंचाई कर सकता था! – OFS

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