0

我的数据目前正在输出到一个跨度......这是它的外观:

作为一个跨度

在此处输入图像描述

现在,当我删除跨度并在那里放置一个 div 时,我会得到以下输出:

在此处输入图像描述

这是需要的,但我想为我的页面设置一个高度,并让数据显示在 3 列中。我该怎么做?我在网上到处搜索,但似乎找不到任何显示解决方案的东西。

我确实读过一些使用 javascript 的格式,但我仍然对这个选项一无所知。

我想要的输出如下所示:

在此处输入图像描述

4

3 回答 3

1

如果您知道一列中需要多少项目,那么您可以将它们分成单独的 div,然后将这些 div 浮动到左侧以使它们彼此相邻。

<div style='float:left'>
    //Items go here
</div>
<div style='float:left'>
    //Items go here
</div>

等等如果你计算出你的查询返回了多少项目,比如说使用 mysql_num_rows() 并除以 3,你可以知道每列放多少。之后还要确保清除浮动,如下所示:

<div style="clear:both"></div>

有时这是必要的,因为如果不放在那里会出现随机问题。

于 2013-08-08T16:02:53.520 回答
0

您所描述的只能通过样式来解决。您有几个必须显示在列中的 div。最简单的方法是将它们浮动到左侧,并将宽度设置为父级的 1/3。如果您想要 4 列,请将 with 设置为父级的 1/4,依此类推。

<div class='sqlResult' style="float:left;width:33%;">
<a href='#'>$key</a>
</div>

同样作为提到的其他答案,不要使用重复的 ID。始终使用类。如果您需要单独定位每个 div,请给它一个唯一的 id,例如“category_1”、“category_2”等。

于 2013-08-08T16:06:03.350 回答
0

这应该工作

<table><tr>
<?php $count=0; $total=mysqli_stmt_num_rows($sql)-1; $idxcount=0; $limit=10; while($row = mysqli_fetch_array($sql)): $key = $row['Keyword_Name']; ?>
        <?php if($count == 0){ echo '<td>';} ?>
        <span>
                <a href="<?php echo $key; ?>" id="category"><?php echo $key; ?></a>
        </span>
        <?php if($total == $idxcount): ?>
                </td>
        <?php elseif($count == $limit): ?>
                </td>
        <?php $count=0; else: $count++; ?>

        <?php  endif; $idxcount++; ?>

<?php endwhile; ?>
</tr></table>
于 2013-08-14T01:55:12.993 回答