/ / तीन divs, एक div से सामग्री दूसरे में जाती है - html, रिवर्स, लेयर

तीन divs, एक div से सामग्री दूसरे पर जाता है - एचटीएमएल, रिवर्स, परत

मुझे एक दूसरे के बगल में तीन तलाक बनाने की जरूरत है(विशेषता फ्लोट: बाएं)। फिर मैंने डेटाबेस से डेटा को पढ़ा और मुझे इस डेटा को तीन डिवीजनों में प्रस्तुत करने की आवश्यकता है, इस तरह से मैं पहली बार पहली div, लाइन को लाइन से भरता हूं और जब मैं कुछ ऊंचाई तक पहुंचता हूं, तो मैं अगले div पर जाता हूं और इसे भरता हूं डेटा के साथ, और इसी तरह। यह रिवर्स टेबल की तरह कुछ है, कि मैं पहली पंक्ति में पहले कॉलम को भरता हूं, फिर दूसरी और दूसरी पंक्ति के अंत तक जाता हूं, फिर मैं पहली पंक्ति के दूसरे कॉलम में जाता हूं और इसी तरह। मुझे उम्मीद है कि आपको तस्वीर मिल जाएगी।

क्या सीएसएस या किसी अन्य तरीके से इसे प्राप्त करने का कोई तरीका है?

उत्तर:

जवाब के लिए 0 № 1

यह कार्यक्षमता CSS3 के उपयोग से उपलब्ध है column-count तथा column-span.


जवाब के लिए 0 № 2

मुझे नहीं पता कि इसे कैसे कुशल बनाया जाए, लेकिन यहजावास्क्रिप्ट के साथ संभव होना चाहिए ... आप लाइन-ऊंचाई जानते हैं, आप सभी सामग्री के साथ पहले div की ऊंचाई की जांच करते हैं, फिर आप इसे वांछित आकार में काटते हैं और बाकी अगले div पर डालते हैं .. दोहराते हैं .. लेकिन यह अजीब लगता है ..?


जवाब के लिए 0 № 3

आप डेटाबेस में पहले 30 परिणामों को एक कॉलम में अनुरोध करके ऐसा करने में सक्षम हो सकते हैं, फिर अगले 30 अगले div में अनुरोध करें, और इसी तरह। मैं इसे अकेले सीएसएस 2.1 में संभव नहीं देख सकता।