html 在每个表格行旁边放置一个链接

Question

我有一个表格，每行包含三列，我想为每一行添加一个链接。

<table>
    <th>
        Name:
    </th>
    <th>
        Price:
    </th>
    <th>
        Description
    </th>

    <?php while ($row = $foods->fetch()) { ?>
        <tr>
            <td>
                <?php echo $row['Name']; ?>
            </td>
            <td>
                <?php echo $row['foodPrice']; ?>
            </td>
            <td>
                <?php echo $row['foodDescription']; ?>
            </td>
        <a class="editLink">roma</a>
        </tr>
    <?php } ?>
</table>

我试图在最后一个 td 之后添加一个链接 a 但是那个链接变成了表格的顶部，提前致谢

Answer 1

您需要添加一个表格单元格以包含链接。此外，th 标签应该用 tr 标签包围。

<table>
    <tr>
        <th>
            Name:
        </th>
        <th>
            Price:
        </th>
        <th>
            Description
        </th>
        <th>
        </th>
    </tr>

    <?php while ($row = $foods->fetch()) { ?>
        <tr>
            <td>
                <?php echo $row['Name']; ?>
            </td>
            <td>
                <?php echo $row['foodPrice']; ?>
            </td>
            <td>
                <?php echo $row['foodDescription']; ?>
            </td>
            <td class="link"><!-- Your missing this -->
                <a class="editLink">roma</a>
            </td><!-- and this -->
        </tr>
    <?php } ?>
</table>

要使链接单元格的样式与其他单元格不同，您需要使用 CSS。将 link 的 CSS 类添加到包含 a 标记的 td。然后定义样式如下:

CSS

table{
    text-align: center;
}

td{
    width: 200px;
}

td.link{
    width: 50px;
}

工作示例: http://jsfiddle.net/y9C3G/