क्या शुद्ध सीएसएस के साथ लचीले चौड़ाई वाले कंटेनर में सभी स्तंभों की एक मनमानी संख्या बनाना संभव है?
उदाहरण:
<div>
<div>COL-1</div>
...
<div>COL-N</div>
</div>
बाहरी div में एक लचीली चौड़ाई है, स्तंभों की संख्या भिन्न होती है। कॉलम की चौड़ाई चौड़ाई की परवाह किए बिना कॉलम की चौड़ाई समान होनी चाहिए।
उत्तर:
उत्तर № 1 के लिए 1प्रयत्न display:table
बाहरी div और के लिए display:table-cell
आंतरिक div के लिए
<div id="outer">
<div>COL-1</div>
<div>COL-N</div>
<div>cvcvffff</div>
</div>
/>
#outer{
display:table;
width:720px;
table-layout: fixed;
}
#outer>div{
display:table-cell;
border:1px solid black;
}
उत्तर के लिए -2 № 2
हाँ ऐसा करना संभव है।
यदि आप अपने कोड में PHP का उपयोग कर रहे हैं, तो निम्न <div> तत्वों को उत्पन्न करने के लिए निम्न कार्य करें
<html>
<style>
div{
width:100px;
}
</style>
<body>
<?php
for ($i = 0; $i < 100; $i++)
echo "<div>COL-$i</div>";
?>
</body>
</html>