0

我有这张桌子，由于某种原因，它没有像我想要的那样正确对齐。我有 3 列，1 行。但出于某种奇怪的原因，当我输入这些内容时，它并没有像预期的那样对齐。

<?php

        $grab = mysql_query("SELECT * FROM topsongs ORDER BY number limit 10 ");    

            if (mysql_num_rows($grab)==0) {
        echo "<div class='alert alert-note-x'>Sorry, it looks like their are no Top Songs Listed</div>";
    }

        while($row = mysql_fetch_array($grab)){

      ?>

<table style="border-spacing: 10px;width:100%;clear:both;overflow:hidden;border: 1px #EBEBEB solid;border-bottom: 2px #EBEBEB solid;padding:5px;margin-top:3px;margin-bottom:10px;" class="border-radius">
    <tr>
        <td><?php echo stripslashes($row['number']); ?></td>
        <td><img class="border-radius" width="70" height="70" src="<?php echo stripslashes($row['dpic']); ?>"></td>
        <td><?php echo stripslashes($row['songname']); ?></td>
    </tr>
</table>

         <?php } ?>

你们碰巧知道它是什么，我做错了吗？图片在这里：http ://screencloud.net/v/oN4l

4

3 回答 3

2

您为每一行创建单独的表。因此，对于每一行，在不考虑其他行（在其他表中）的情况下计算列宽。

移动<table>到循环之前和循环</table>之后，这样您就只有一个包含所有行的表。

于 2013-04-23T04:22:47.033 回答
0

这里是你想要的答案

<?php

        $grab = mysql_query("SELECT * FROM topsongs ORDER BY number limit 10 ");    

            if (mysql_num_rows($grab)==0) {
        echo "<div class='alert alert-note-x'>Sorry, it looks like their are no Top Songs Listed</div>";
    } 
?>

<table style="border-spacing: 10px;width:100%;clear:both;overflow:hidden;border: 1px #EBEBEB solid;border-bottom: 2px #EBEBEB solid;padding:5px;margin-top:3px;margin-bottom:10px;" class="border-radius">
<?php while($row = mysql_fetch_array($grab)){ ?>
    <tr>
        <td><?php echo stripslashes($row['number']); ?></td>
        <td><img class="border-radius" width="70" height="70" src="<?php echo stripslashes($row['dpic']); ?>"></td>
        <td><?php echo stripslashes($row['songname']); ?></td>
    </tr>
         <?php } ?> 
</table>

替换您的代码并尝试此操作

于 2013-04-23T09:33:17.617 回答
-1

<td>在like中使用 align 属性<td align="left">

于 2013-04-23T05:03:52.233 回答