css - Uniform Html Grid -

मुझे एचटीएमएल (एस रिक्त स्थान, बाल - html child) में निम्नलिखित लेआउट की आवश्यकता है डीआईवी या टैब होना चाहिए। जावास्क्रिप्ट (सीएसएस + एचटीएमएल उपकरण हैं) के बिना लेआउट का आकार बदलने योग्य होना चाहिए, इसमें असीमित संख्या में बच्चों का समर्थन होना चाहिए। सभी बच्चों की एक ही चौड़ाई होगी।

S * Child * एस * बाल * एस * बाल * एस

ध्यान दें, इसके लिए तालिका का उपयोग करने पर इसका परिणाम होगा: एस * बाल * एसएस * बाल * एसएस * बाल * एस, जो न मैं देख रहा हूं के लिए।

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

  & lt; div वर्ग = ग्रिड & gt; & lt; div & gt; बाल & lt; / div & gt; & lt; div & gt; बाल & lt; / /> Div & gt; .. & lt; / div & gt;   
 आप एक स्टाइलशीट जैसे  
  .grid div {width: 4em; बाईंओर तैरना; मार्जिन-बाएं: 0.2 एएम; पृष्ठभूमि: # सीसीसी; }   
 यह आखिरी बच्चे के दायरे में कोई भी स्थान सेट नहीं करता है। यदि इस तरह की रिक्ति किसी कारण के लिए आवश्यक है, तो आप  
  .grid div: अंतिम-बच्चा जोड़ सकते हैं {मार्जिन-दाएं: 0.2em; }