在几个CSS Div Box中显示来自DB的数据

时间:2014-08-16 04:56:19

标签: php css

我是网络开发的新手。你能解决我的下一个问题吗?

我通过以下查询从mysql数据库获取所有数据:

<?php
require_once("user_menu.php");
echo "<h2>All Keywords</h2>";
$query = mysql_query("SELECT * FROM keywords"); 

while($result =  mysql_fetch_array($query)){
echo "<div id='keywords'>";
$keywordName = $result['keywordName'];
echo $keywordName."<br/>";
echo "</div>";  
}
?>

我想显示数据如下图所示:

enter image description here

但它没有表现出它在一个div框中只显示一个值,并带有以下CSS代码:

#keywords{
    height:400px;
    width:100px;
    float:left;
    position:relative;
    border:1px #ccc solid;
    padding:10px;   
    }

感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用HTML 表格。如演示文稿中那样,列数为4。

$query = mysql_query("SELECT * FROM keywords"); 
echo '<table>';
$count = 0;
while($result =  mysql_fetch_array($query)){
if ($count%4==0 && $count!=0) echo '</tr><tr>';
elseif($count==0) echo '<tr>';
$keywordName = $result['keywordName'];
echo '<td>'.$keywordName."</td>";
$count++;  
}
echo '</tr>';