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

【问题标题】：Dreamweaver: How to display recordsets in a single row without using a tableDreamweaver：如何在不使用表格的情况下在单行中显示记录集
【发布时间】：2011-01-25 01:04:09
【问题描述】：

我是 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

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

【问题讨论】：

标签： php mysql e-commerce dreamweaver records

【解决方案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 代码也会运行一次记录集循环代码，因此您需要使用显示区域包装此代码 -> 如果记录集不为空则显示

【讨论】：