Можете да направите това с помощта на модулен оператор, но всъщност е възможно само с CSS.
Използване на display: inline-block
, можете да получите добър ефект на колона. Разгледайте този JSFiddle тук
. Използвам JavaScript само защото съм мързелив; <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
с. Тук има малко CSS; това трябва да бъде поставено в отделен файл, не оставян на линия .
<?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>";
?>