सीएसएस

Question

का उपयोग कर पृष्ठ पर सामग्री को केन्द्रित करें मैं एक लीड जनरेशन पेज बनाने की कोशिश कर रहा हूं। जब भी किसी ब्राउज़र आकार पर प्रदर्शित होता है तो मैं पृष्ठ पर सभी सामग्री को केंद्र में केंद्रित करना चाहता हूं।

मैंने लंबवत संरेखण केंद्र का उपयोग करने की कोशिश की। लेकिन ऐसा लगता है कि काम नहीं करना है।

ऐसा करने के लिए सबसे अच्छे अभ्यास कौन से हैं?

http://play.mink7.com/h/mspre/

Answer 1

तुम सिर्फ बाएँ और दाएँ किनारों के बीच केंद्रित मतलब हैं, तो आप एक निश्चित चौड़ाई के साथ एक तत्व बनाते हैं, और उस पर margin: auto; घोषणा करते हैं।

यदि आप दोनों क्षैतिज और लंबवत तत्व को केंद्र में रखना चाहते हैं, तो आप पृष्ठ पर आधा रास्ते क्षैतिज और लंबवत दोनों को स्थितिबद्ध करते हैं, फिर इसे तत्व की चौड़ाई और ऊंचाई के आधे भाग तक खींचें।

उदाहरण के लिए:

.someElement { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 200px; 
    height: 200px; 
    margin: -100px 0 0 -100px; 
} 

Answer 2

ये रहा:

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Answer 3

मेरे लिए यह करने के लिए सबसे अच्छा तरीका सेट चौड़ाई का एक कंटेनर div बनाने के लिए है। मैं आम तौर पर 900px का चयन करता हूं क्योंकि अब तक सभी डिस्प्ले इस दिन से अधिक व्यापक हैं। मैं फिर मार्जिन ऑटो का उपयोग कर div div।

#container { width: 900px; 
margin: 0px auto 0px auto; 
} 

यह div को केंद्रित करेगा। बॉब तुम्हारे चाचा हैं।
यदि आप चाहते हैं कि मैं इसके उदाहरण पोस्ट कर सकता हूं।

माइक