Mysql
 sql >> Baza danych >  >> RDS >> Mysql

Podziel dane na 3 kolumny

Możesz to zrobić za pomocą operatora modulo, jednak w rzeczywistości jest to możliwe tylko za pomocą CSS.

Używanie display: inline-block , możesz uzyskać dobry efekt kolumny. Spójrz na ten JSFiddle tutaj . Używam JavaScript tylko dlatego, że jestem leniwy; <div> w twoim przypadku lista zostanie wygenerowana przez PHP. Jeśli chcesz ograniczyć je do określonej szerokości, po prostu umieść je w kontenerze <div> o stałej szerokości.

Wymyśliłem rozwiązanie za pomocą tabel, co naprawdę powinieneś robić (nie podałeś żadnych specjalnych przypadków użycia). Kod znajduje się poniżej, a także działające demo tutaj .

$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>";

Na koniec mamy układ zorientowany na kolumny, tym razem wracając do div s. Jest tu trochę CSS; należy to umieścić w osobnym pliku, nie pozostawionym w wierszu .

<?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>";
?>



  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. Tabela MySQL, w której kluczem obcym jest tylko varchar

  2. mysql-python:budowanie całkowicie samodzielnego _mysql.so na Mac OS X?

  3. Używanie OpenVPN do zabezpieczania dostępu do klastra baz danych w chmurze

  4. MySQL SELECT WHERE datetime pasuje do dnia (a niekoniecznie do godziny)

  5. Przypisz wartość bazy danych MySQL do zmiennej PHP