आप मॉड्यूलस ऑपरेटर का उपयोग करके ऐसा कर सकते हैं, हालांकि यह वास्तव में केवल सीएसएस के साथ संभव है।
display: inline-block का उपयोग करना , आप एक अच्छा स्तंभ प्रभाव प्राप्त कर सकते हैं। यह JSFiddle यहां
देखें . मैं केवल जावास्क्रिप्ट का उपयोग कर रहा हूँ क्योंकि मैं आलसी हूँ; <div> आपके मामले में PHP द्वारा सूची तैयार की जाएगी। यदि आप उन्हें एक निश्चित चौड़ाई तक सीमित रखना चाहते हैं, तो बस उन्हें एक कंटेनर में रखें <div> एक निश्चित चौड़ाई के साथ।
मैं टेबल का उपयोग करके एक समाधान के साथ आया हूं, जो वास्तव में आपको क्या करना चाहिए (आपने कोई विशेष उपयोग के मामले नहीं दिए हैं)। कोड नीचे है, साथ ही एक कार्यशील डेमो यहां है। ।
$columns = 4; // The number of columns you want.
echo "<table>"; // Open the table
// Main printing loop. change `30` to however many pieces of data you have
for($i = 0; $i < 30; $i++)
{
// If we've reached the end of a row, close it and start another
if(!($i % $columns))
{
if($i > 0)
{
echo "</tr>"; // Close the row above this if it's not the first row
}
echo "<tr>"; // Start a new row
}
echo "<td>Cell</td>"; // Add a cell and your content
}
// Close the last row, and the table
echo "</tr>
</table>";
और समाप्त करने के लिए, हमारे पास हमारा कॉलम-केंद्रित लेआउट है, इस बार div . पर वापस जा रहे हैं एस। यहाँ कुछ सीएसएस है; इसे एक अलग फ़ाइल में रखा जाना चाहिए, इनलाइन नहीं छोड़ा ।
<?php
$rows = 10; // The number of columns you want.
$numItems = 30; // Number of rows in each column
// Open the first div. PLEASE put the CSS in a .css file; inline used for brevity
echo "<div style=\"width: 150px; display: inline-block\">";
// Main printing loop.
for($i = 0; $i < $numItems; $i++)
{
// If we've reached our last row, move over to a new div
if(!($i % $rows) && $i > 0)
{
echo "</div><div style=\"width: 150px; display: inline-block\">";
}
echo "<div>Cell $i</div>"; // Add a cell and your content
}
// Close the last div
echo "</div>";
?>
