ट्रिक: केंद्र एक पूर्ण स्थिति div

सीएसएस में कभी-कभी हम अपने जीवन को सरल चीजों से जटिल करते हैं जो हमारे विचार से कम जटिल होते हैं, और जब हम उस समाधान को देखते हैं तो हम लगभग ऐसे उपाख्यानों का अवलोकन करते हैं।

एक से अधिक लोगों ने मुझसे पूछा है कि एक पूरी तरह से तैनात div को कैसे केंद्र किया जाए, और इसका उत्तर बहुत सरल है:

  1. हम div को एक निश्चित चौड़ाई देते हैं। उदाहरण: 500 पीएक्स
  2. हम पूरी तरह से 50% शेष के साथ div स्थिति। उदाहरण: स्थिति: पूर्ण; वाम: 50%;
  3. हम मार्जिन के साथ जो भी मापते हैं उसका आधा घटाते हैं। उदाहरण: मार्जिन-लेफ्ट: -250px;

परिणाम एक पूरी तरह से केंद्रित है, बिल्कुल तैनात div है।


अपनी टिप्पणी दर्ज करें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड के साथ चिह्नित कर रहे हैं *

*

*

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

  1.   इवान लीरा कहा

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

  2.   सिल कहा

    आपका बहुत बहुत धन्यवाद !!!

  3.   ग्लोब्रोमैन कहा

    अच्छे योगदान से मुझे बहुत मदद मिली, धन्यवाद

  4.   लुकासजी कहा

    क्या एक महान पागल वह मेरी सेवा की: डी

  5.   विजेता कहा

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

  6.   बेंजामिन कहा

    बहुत अच्छा कार्लोस।

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

    बहुत बढ़िया जानकारी

  8.   फ्रैंक कोक कहा

    धन्यवाद, इसने मेरी सेवा की

  9.   मार्क कहा

    आपने मुझे बचा लिया!!! धन्यवाद :)

  10.   डेनियलफ्लोयड कहा

    धन्यवाद अंकल, आपने मेरी बहुत मदद की !!, मेरी उस कल्पना की कमी है।

  11.   डेमियन कहा

    बहुत बहुत धन्यवाद !!!!! यह चाल मुझे हमेशा मदद करती है

  12.   o कहा

    आपका बहुत बहुत शुक्रिया दोस्त

  13.   चरिस्मर्त अंजी कहा

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

    निरपेक्ष;
    बाएं: 50%;
    मार्जिन-लेफ्ट: -100px;

    वह आधा होगा।

  14.   एडगर कोनो कहा

    योगदान की सराहना की है, यह वास्तव में मेरी मदद की, अभिवादन!

  15.   मरियम जेस कहा

    बहुत अच्छे योगदान से मुझे बहुत मदद मिली, एक हज़ार की कृपा!