Question

我有这张桌子，出于某种原因，没有像我想要的那样正确对齐。我有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

Answer 1

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

将<table>移至循环之前，将</table>移至循环之后，以便您只有一个包含所有行的表。

Answer 2

以下是您想要的答案

<?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>

替换您的代码并尝试此

Answer 3

使用<td>中的align属性，例如<td align="left">

对齐表格列PHP

3 个答案: