Html 表TR TD校准底部固定的电池？

我正试图将显示“每日总计”的行/单元格粘贴到底部。。正如你在我的图片中看到的，由于输入了一个额外的条目，一个比另一个高

我试过很多不同的valign和vertical align，但都不明白。。也许有人能帮我

以下是该tr/td的html：

echo "<tr><td class=\"daily_total_style\" valign=\"bottom\"><b>Daily Total: " . calcMinutes($dailytotal) . "</b></td></tr>";

echo“每日总计：”。计算分钟数（$dailytotal）。"";

使用css规则比使用属性要好得多

<td class=\"daily_total_style\" style=\"vertical-align: text-bottom\">

---

然而，在HTML5中不支持valign，所以尝试将其作为css包含。更重要的是，避免这种内部表格，它们真的很难管理

使用css规则比使用属性要好得多

<td class=\"daily_total_style\" style=\"vertical-align: text-bottom\">

---

然而，在HTML5中不支持valign，所以尝试将其作为css包含。更重要的是，避免这种内部表格，它们真的很难管理

使用css规则比使用属性要好得多

<td class=\"daily_total_style\" style=\"vertical-align: text-bottom\">

---

然而，在HTML5中不支持valign，所以尝试将其作为css包含。更重要的是，避免这种内部表格，它们真的很难管理

使用css规则比使用属性要好得多

<td class=\"daily_total_style\" style=\"vertical-align: text-bottom\">

---

然而，在HTML5中不支持valign，所以尝试将其作为css包含。更重要的是，避免这种内部表格，它们真的很难管理

对于css中的

td

，您应该使用以下内容：

td {
    vertical-align:bottom
}

还要确保不要忘记将

表

标记添加到代码中，如下所示：

<table>
    <tr>
        <td class="daily_total_style">
            <b>Daily Total 1</b><br />
            <b>Daily Total 2</b><br />
        </td>
        <td class="daily_total_style">
            <b>Daily Total</b>
        </td>
    </tr>
</table>

每日总数1

每日总数2

每日总数

你会发现

此外，您可能需要查看您在

daily\u total\u样式

css类中添加的内容；其中的某些内容可能会干扰您的代码

---

编辑：我更新了您刚才用上面创建的小提琴，效果很好：

您应该在css中使用以下内容作为您的

td

：

td {
    vertical-align:bottom
}

还要确保不要忘记将

表

标记添加到代码中，如下所示：

<table>
    <tr>
        <td class="daily_total_style">
            <b>Daily Total 1</b><br />
            <b>Daily Total 2</b><br />
        </td>
        <td class="daily_total_style">
            <b>Daily Total</b>
        </td>
    </tr>
</table>

每日总数1

每日总数2

每日总数

你会发现

此外，您可能需要查看您在

daily\u total\u样式

css类中添加的内容；其中的某些内容可能会干扰您的代码

---

编辑：我更新了您刚才用上面创建的小提琴，效果很好：

您应该在css中使用以下内容作为您的

td

：

td {
    vertical-align:bottom
}

还要确保不要忘记将

表

标记添加到代码中，如下所示：

<table>
    <tr>
        <td class="daily_total_style">
            <b>Daily Total 1</b><br />
            <b>Daily Total 2</b><br />
        </td>
        <td class="daily_total_style">
            <b>Daily Total</b>
        </td>
    </tr>
</table>

每日总数1

每日总数2

每日总数

你会发现

此外，您可能需要查看您在

daily\u total\u样式

css类中添加的内容；其中的某些内容可能会干扰您的代码

---

编辑：我更新了您刚才用上面创建的小提琴，效果很好：

您应该在css中使用以下内容作为您的

td

：

td {
    vertical-align:bottom
}

还要确保不要忘记将

表

标记添加到代码中，如下所示：

<table>
    <tr>
        <td class="daily_total_style">
            <b>Daily Total 1</b><br />
            <b>Daily Total 2</b><br />
        </td>
        <td class="daily_total_style">
            <b>Daily Total</b>
        </td>
    </tr>
</table>

每日总数1

每日总数2

每日总数

你会发现

此外，您可能需要查看您在

daily\u total\u样式

css类中添加的内容；其中的某些内容可能会干扰您的代码

---

---

编辑：我更新了您刚才用上面创建的小提琴，效果很好：

您可以在第一行和最后一行之间包含一个空行，然后为所有表格数据设置固定宽度，如果两个表都有3行，这将使它们看起来更相似。您可以在第一行和最后一行之间包含一个空行，然后为所有表数据设置固定宽度，如果两个表都有3行，这将使它们看起来更相似。您可以在第一行和最后一行之间包含一个空行，然后为所有表数据设置固定宽度，如果两个表都有3行，则会使它们看起来更相似。您可以在第一行和最后一行之间包含一个空行，然后为所有表数据设置固定宽度。如果两个表都有3行，则会使它们看起来更相似，因此，我们可以看到是否有任何内容覆盖了规则您的css是错误的，正确的是

vertical align:bottom确定。。它很凌乱，我不得不拿出很多内容，所以一些table/td/tr标签是红色的。。。好啊我看到有很多工作要做，因为html没有通过验证，所以可能只是一个标记问题。不能有嵌套的“tr”。您可以将表嵌套在“td”中，即完整的表中，而不是部分或行中。我会试着把小提琴修好…好了。查找此jfiddle的固定html（最后一行似乎已断开，但通过了html验证。我使用正确的修复程序编辑了我的文章（不包括在jfiddle中）jfiddle，这样我们就可以看到是否有任何东西覆盖了规则您的css是错误的，正确的是
vertical align:bottom；
ok..它很乱，我不得不取出很多内容，所以一些table/td/tr标记是红色的…好的。我看到有很多工作要做，因为html没有通过验证，所以可能只是标记问题。Y你不能有一个嵌套的“tr”。你可以在“td”中嵌套表，完整的表，而不是部分或行。我将尝试修复jfiddle…好的，完成。查找此jfiddle的固定html（最后一行似乎已断开，但通过html验证。我用正确的修复方法编辑了我的帖子（不包括在jfiddle中）jfiddle，所以我们可以看到是否有任何内容覆盖了规则您的css是错误的，正确的是
vertical align:bottom；
ok..它很乱，我不得不取出很多内容，所以一些table/td/tr标签是红色的…好的。我