मुखपृष्ठ > प्रोग्रामिंग > मैं HTML संरचना को संशोधित किए बिना, केवल सीएसएस के साथ तीन-स्तंभ क्षैतिज लेआउट कैसे बना सकता हूं?
मैं HTML संरचना को संशोधित किए बिना, केवल सीएसएस के साथ तीन-स्तंभ क्षैतिज लेआउट कैसे बना सकता हूं?
2025-01-25 को प्रकाशित
ब्राउज़ करें:882
] div class = "कंटेनर">
कॉलम सेंटर
कॉलम लेफ्ट
कॉलम राइट
आप इन कॉलमों को क्षैतिज रूप से व्यवस्थित करना चाहते हैं, नीचे दिए गए ग्रिड के समान, HTML संरचना में परिवर्तन के बिना:
------------------------------ -------------------------------------------------- | | | | | स्तंभ छोड़ दिया | स्तंभ केंद्र | स्तंभ सही | | | | | ------------------------------------------------------------------ - इसे प्राप्त करने के लिए, CSS गुणों का उपयोग करें:
। कॉलम-लेफ्ट {फ्लोट: लेफ्ट; चौड़ाई: 33.333%; } .Column-Right {फ्लोट: सही; चौड़ाई: 33.333%; } .Column-Center {प्रदर्शन: इनलाइन-ब्लॉक; चौड़ाई: 33.333%; }
Column centerColumn leftColumn right
और इस तरह html का उपयोग करें:
कॉलम वन
कॉलम दो
कॉलम तीन
कॉलम चार
कॉलम पांच
नवीनतम ट्यूटोरियल
अधिक>
-
संकलक त्रुटि "USR/BIN/LD: नहीं मिल सकती है -L" समाधान] -l यह त्रुटि इंगित करती है कि लिंकर आपके निष्पादन योग्य को जोड़ते समय निर्दिष्ट लाइब्रेरी का पता नहीं लगा सकता है। इस समस्या को हल करने के लिए, ह...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया -
क्या आप Chrome और फ़ायरफ़ॉक्स में CSS को कंसोल आउटपुट का उपयोग कर सकते हैं?] संदेश? इसे प्राप्त करने के लिए, निम्नलिखित पैटर्न का उपयोग करें: कंसोल.लॉग (' %C ओह माय हैवेन्स!', 'बैकग्राउंड: #222; रंग: #bada55'...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
मैं पायथन की समझ का उपयोग करके कुशलता से शब्दकोश कैसे बना सकता हूं?] हालांकि वे सूची की समझ के समान हैं, कुछ उल्लेखनीय अंतर हैं। आपको स्पष्ट रूप से कुंजी और मूल्यों को निर्दिष्ट करना होगा। उदाहरण के लिए: d = {n: n *...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
मान्य कोड के बावजूद PHP में इनपुट कैप्चरिंग इनपुट क्यों है?] $ _Server ['php_self']?> हालांकि, आउटपुट खाली रहता है। जबकि विधि = "प्राप्त करें" मूल रूप से काम करती है, विधि = "पोस्ट"...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
PHP और C ++ फ़ंक्शन अधिभार प्रसंस्करण के बीच का अंतर] यह अवधारणा, जबकि C में आम, PHP में एक अनूठी चुनौती है। चलो PHP फ़ंक्शन ओवरलोडिंग की पेचीदगियों में तल्लीन करें और यह प्रदान करने वाली संभावनाओं का प...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
मैं PHP में यूनिकोड स्ट्रिंग्स से URL के अनुकूल स्लग कैसे कुशलता से उत्पन्न कर सकता हूं?] यह लेख स्लगों को कुशलता से उत्पन्न करने के लिए एक संक्षिप्त समाधान प्रस्तुत करता है, विशेष वर्णों और गैर-एएससीआईआई वर्णों को URL- अनुकूल स्वरूपों मे...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
जब MySQL इमोजी सम्मिलित करता है तो \\ "स्ट्रिंग मान त्रुटि \\" अपवाद को हल करें] '\ xf0 \ x9f \ x91 \ xbd \ xf0 \ x9f ...' यह त्रुटि उत्पन्न होती है क्योंकि MySQL का डिफ़ॉल्ट UTF8 वर्ण सेट केवल मूल बहुभाषी विमान के भीतर...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
ASP.NET में Async void बनाम Async कार्य: Async void विधि कभी -कभी अपवादों को क्यों फेंकती है?] हालांकि, Async void और Async कार्य विधियों के बीच महत्वपूर्ण अंतर को गलत समझना अप्रत्याशित त्रुटियों को जन्म दे सकता है। यह प्रश्न यह बताता है कि क्...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
Java.net.urlconnection और multivart/फॉर्म-डेटा एन्कोडिंग का उपयोग करके अतिरिक्त मापदंडों के साथ फ़ाइलों को कैसे अपलोड करें?] यहाँ प्रक्रिया का एक टूटना है: मल्टीपार्ट/फॉर्म-डाटा एन्कोडिंग मल्टीपार्ट/फॉर्म-डेटा को पोस्ट अनुरोधों के लिए डिज़ाइन किया गया है जो बाइनरी ...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
जावा में "dd/mm/yyyy hh: mm: ssss" प्रारूप में वर्तमान तिथि और समय को सही ढंग से कैसे प्रदर्शित करें?] अलग -अलग फॉर्मेटिंग पैटर्न के साथ अलग -अलग SIMPLEDATEFormat इंस्टेंस का उपयोग। आयात java.util.calendar; आयात java.util.date; सार्वजनिक वर्ग DateAndt...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
उपयोगकर्ता स्थानीय समय प्रारूप और समय क्षेत्र ऑफसेट प्रदर्शन गाइड] यह विभिन्न भौगोलिक स्थानों पर स्पष्टता और सहज उपयोगकर्ता अनुभव सुनिश्चित करता है। यहाँ जावास्क्रिप्ट का उपयोग करके इसे कैसे प्राप्त किया जाए। यह सर्...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
क्या शुद्ध सीएसएस में एक दूसरे के ऊपर कई चिपचिपे तत्वों को स्टैक किया जा सकता है?यहाँ: https://webthemez.com/demo/sticky-multi-hroll/index.html केवल मैं एक जावास्क्रिप्ट कार्यान्वयन के बजाय शुद्ध CSS का उपयोग करना पसंद करू...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
गो वेब एप्लिकेशन कब डेटाबेस कनेक्शन को बंद करता है?] यहाँ एक गहरी गोता है कि कब और कैसे इसे अनिश्चित काल तक चलने वाले अनुप्रयोगों में संभालना है। func मुख्य () { var इर त्रुटि DB, ERR = SQL.OPE...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
निरंतर कॉलम जोड़ने के लिए डेटाफ्रेम टिप्स स्पार्क करें] इस उद्देश्य के लिए इरादा के साथ, इसके दूसरे तर्क के रूप में एक प्रत्यक्ष मूल्य प्रदान करने का प्रयास करते समय त्रुटियों को जन्म दिया जा सकता है। df....प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
-
PHP सरणी कुंजी-मूल्य विसंगतियाँ: 07 और 08 के जिज्ञासु मामले को समझना] PHP में, एक असामान्य मुद्दा तब उत्पन्न होता है जब कुंजियों में 07 या 08 जैसे संख्यात्मक मान होते हैं। Print_r ($ महीने) चलाना अप्रत्याशित परिणाम देत...प्रोग्रामिंग 2025-07-16 को पोस्ट किया गया
चीनी भाषा का अध्ययन करें
- 1 आप चीनी भाषा में "चलना" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 2 आप चीनी भाषा में "विमान ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 3 आप चीनी भाषा में "ट्रेन ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 4 आप चीनी भाषा में "बस ले लो" कैसे कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 5 चीनी भाषा में ड्राइव को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 6 तैराकी को चीनी भाषा में क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 7 आप चीनी भाषा में साइकिल चलाने को क्या कहते हैं? #का चीनी उच्चारण, #का चीनी सीखना
- 8 आप चीनी भाषा में नमस्ते कैसे कहते हैं? 你好चीनी उच्चारण, 你好चीनी सीखना
- 9 आप चीनी भाषा में धन्यवाद कैसे कहते हैं? 谢谢चीनी उच्चारण, 谢谢चीनी सीखना
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
