我的建议是使用表以外的其他东西来布局,并使用CSS来创建分隔符。这样做的好处是允许您对结果进行一次迭代,而不是将结果存储在数组中并多次迭代。例如:
<style>
#dodWrapper {
margin-left:190px;
}
.dod {
width:500px;
display: inline-block;
}
.dodDate {
padding:20px 20px 0 0;
}
.dodImage {
padding:0 20px 0 0;
}
.dodImage img {
width:400px;
}
.dodText {
padding:0 20px 0 0;
width:400px;
}
</style>
<?php
include ("inc_connect.php");
if ($link !== FALSE) {
$db = "dkfineart_01";
mysqli_select_db($db);
$TableName = "drawingoftheweek";
$sql = "SELECT * FROM $TableName";
if ($res = mysqli_query($link, $sql)) {
if (mysqli_num_rows($res) > 0) {
echo "<div id='dodWrapper'>";
while ($draw = mysqli_fetch_array($res)) {
echo "<div class='dod'>";
echo "<div class='dodDate'>";
echo date('m/d/Y', strtotime($draw['date']));
echo "</div>";
echo "<div class='dodImage'>";
echo "<img src='images/" . $draw['image'] . ".jpg'>";
echo "</div>";
echo "<div class='dodText'>";
echo $draw['drawingtext'];
echo "</div>";
echo "</div>";
}
echo "</div>";
}
mysqli_free_result($res);
}
else {
echo "No matching records are found.";
}
}
else {
echo "Unable to select from table. " . mysqli_error($link);
}
mysqli_close($link);
?>
display:inline-block
基本上把每一个块当作一个单词,在“行”的末尾打断
