php - 在多个 CSS Div 框中显示来自数据库的数据

标签 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;   
    }

谢谢。

最佳答案

您可以使用 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>';

关于php - 在多个 CSS Div 框中显示来自数据库的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25337061/

相关文章:

php - 在 WordPress 中 Hook jQuery 脚本的正确方法

php - 为什么 php 的 imap_open() 不像 SSL?

javascript - 努力让悬停的第 n 个 child 在 IE 中工作

jquery - 砌体 "stamp"- 方法不包围

html - 缩放时 Div 位于其他 Div 之上

css - CSS中的两个相等的列

javascript - 通过参数将php变量传递给javascript触发函数、PHP、JAVASCRIPT

JavaScript 值到另一个 PHP 页面

php - 固定列布局 bootstrap 3

jquery - Canvas 外菜单的溢出与视差冲突