चाल: केन्द्र एक पूर्ण स्थिति डिभ

CSS मा कहिलेकाँही हामी हाम्रो जीवनलाई साधारण चीजहरू जटिल बनाउँदछौं जुन हामी सोच्दछौं भन्दा कम जटिल छन्। र जब हामी समाधान देख्छौं हामी प्रायः त्यस्ता किस्सेहरू अवलोकन गर्दै हाँस्दछौं।

एक भन्दा बढि व्यक्तिले मलाई सोध्यो कसरी पूर्ण स्थित डिभ केन्द्र गर्ने, र उत्तर एकदमै सजिलो छ।

  1. हामी डिभलाई निश्चित चौडाइ दिन्छौं। उदाहरण: p००px
  2. हामी पूर्ण रूपमा Div लाई position०% बाँकी संग स्थिति राख्छौं। उदाहरण: स्थिति: निरपेक्ष; बाँया: %०%;
  3. हामी मार्जिनसँग कुन मापन गर्दछ त्यसको आधा घटाउँछौं। उदाहरण: मार्जिन-बाँया: -250px;

परिणाम एक पूर्ण केन्द्रित, बिल्कुल स्थिति डिभ छ।


लेखको सामग्री हाम्रो सिद्धान्तहरूको पालना गर्दछ सम्पादकीय नैतिकता। त्रुटि क्लिक गर्न रिपोर्ट गर्नुहोस् यहाँ.

२ टिप्पणीहरू, तपाइँको छोड्नुहोस्

तपाइँको टिप्पणी छोड्नुहोस्

तपाईंको ईमेल ठेगाना प्रकाशित हुनेछैन।

*

*

  1. डाटाका लागि उत्तरदायी: मिगुएल gelन्गल ग्याटन
  2. डाटाको उद्देश्य: नियन्त्रण स्पाम, टिप्पणी प्रबन्धन।
  3. वैधानिकता: तपाईंको सहमति
  4. डाटाको सञ्चार: डाटा कानुनी बाध्यता बाहेक तेस्रो पक्षलाई सूचित गरिने छैन।
  5. डाटा भण्डारण: डाटाबेस ओसीन्टस नेटवर्क (EU) द्वारा होस्ट गरिएको
  6. अधिकार: कुनै पनि समयमा तपाईं सीमित गर्न सक्नुहुनेछ, पुन: प्राप्ति र तपाईंको जानकारी मेटाउन।

  1.   इवान लीरा भन्यो

    धेरै धेरै धन्यबाद .. तपाईले केहि सरल भन्नु भएको छ र समय बितेको बावजुद अझै धेरै सिर दर्दको लेखक हुनुहुन्छ।
    तपाईंको पोष्ट मेरो लागि धेरै उपयोगी थियो, धेरै धेरै धन्यबाद।

  2.   पोड भन्यो

    मुरी मुरी धन्यवाद !!!

  3.   ग्लोब्रोम्यान भन्यो

    राम्रो योगदान यो मलाई धेरै सेवा, धन्यवाद

  4.   लुकासजी भन्यो

    ऊ कस्तो ठूलो पागल छ उसले मेरो सेवा गर्यो: डी

  5.   विजेता भन्यो

    उत्कृष्ट धन्यवाद ...

  6.   बेंजामिन भन्यो

    धेरै राम्रो कार्लोस।

  7.   मारियो लोजानो प्लेसहोल्डर छवि भन्यो

    उत्कृष्ट जानकारी

  8.   फ्रान्क कोक भन्यो

    धन्यबाद, यसले मेरो सेवा गर्यो

  9.   मार्क भन्यो

    तपाईंले मलाई बचाउनुभयो !!! धन्यवाद :)

  10.   डानिलोफाइड भन्यो

    धन्यवाद काका, यसले मलाई धेरै मद्दत पुर्‍यायो !!, त्यो कल्पनाको अभाव मेरो।

  11.   damian भन्यो

    मुरी मुरी धन्यवाद !!!!! यो चालले मलाई सँधै सहयोग गर्दछ haha

  12.   o भन्यो

    धेरै धेरै राम्रा साथीलाई धन्यबाद

  13.   क्रिसमार्ट आञ्जी भन्यो

    यो केन्द्रित छैन, यो सबै आधार डिभ तत्वको मूल आकारमा निर्भर गर्दछ जुन हामी यसलाई भित्र राखिएको कुरामा निर्भर गर्दै बढ्छौं, मेरो लागि यो दृश्यता भन्दा यसलाई प्रयोग गर्न बढी उपयोगी थियो यदि मैले यसलाई अझै केन्द्रित र प्रतिक्रियात्मक देख्छु भने:

    निरपेक्ष
    बाँया: %०%;
    मार्जिन-बाँया: -100px;

    त्यो आधा हुनेछ।

  14.   एडगर कजुनो भन्यो

    योगदानको सराहना गरियो, यसले मलाई साँच्चै सहयोग गर्‍यो, अभिवादन!

  15.   मिरियम जेस भन्यो

    धेरै राम्रो योगदानले मलाई धेरै सहयोग गर्‍यो, हजार अनुग्रह!