Dreamweaver：如何在不使用表格的情况下在单行中显示记录集

Question

我是 Dreamweaver CS5 和 MySQL 用户，我正在尝试实现一个在线商店，客户可以在其中查看和购买图像或视频。我在 SQL 服务器上有一个表，用于跟踪有关图片的所有信息。即长度、格式、标题、专辑、价格等。我知道如何获取要显示的数据以及如何创建记录集并传递客户搜索/购物时所需的参数。

我的问题是...如何获取数据的结果或记录集以自定义格式而不是表格显示。例如，Dreamweaver 提供了动态表格来显示结果或动态文本。

Field A | Field B | Field C | Field D | Field E | Field F |          Field G |
122       Orange     48 x 29    Color    19.99    Jones Photography  picture.gif

上面就是Dreamweaver是如何实现的，以及我是如何知道数据可以显示的。 我如何显示它，如下所示：

Record 1                 Record 2           Record 3 (Same format), and so on....
Field G (Picture.gif)    Field G
Field A                  Field A
Field B                  Field B
Field C                  Field C
Field D                  Field D
Field E

如何以这种格式显示我的记录或结果？

Answer 1

如下所示：

<style>
div.rsColumn{
    display: inline-block;
    border: solid 1px #000;
}
</style>
<?php do { ?>
<div class="rsColumn">
    <?php echo $row_Recordset1['Column1']; ?><br />
    <?php echo $row_Recordset1['Column2']; ?><br />
    <?php echo $row_Recordset1['Column3']; ?><br />
    <?php echo $row_Recordset1['ColumnLast']; ?>
</div>
<?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>

此代码的作用是循环遍历 DIV 标记，该标记包含“列”类型输出中记录集中每一行的输出。边框样式用于显示数据块的位置，根据需要删除/更新。

您可能会遇到列数对于内容区域来说太宽的问题，然后您可能希望将 CSS 选择器移至 float:left 而不是 display:inline-block。你可能会遇到列高的问题（当数据输出变化很大时，试图使 DIV 具有相同的高度（想想产品细节可能是一个短句子或二十个长段落），这将是一个需要单独提出的 CSS 问题（当然，或者首先搜索）

注意：即使记录集结果中没有行，默认的 Dreamwavqer 代码也会运行一次记录集循环代码，因此您需要使用 Show Region -> 来包装此代码。显示记录集是否不为空