表TR TD对齐单元固定在底部？

Question

我正在尝试让我的行/单元格显示“每日总计”以坚持到底部...正如您在我的图像中看到的那样，由于输入了额外的条目，一个比另一个更高...

我尝试了许多不同的valign和vertical-align但是无法弄清楚..也许有人可以帮助我？

这是tr / td的html：

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

Answer 1

使用css规则要好于属性

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

编辑：将此样式分配给某个类并将此类也分配给td

也更好

---

抓住错误：

您正在将valign应用于内部td，而不是容器一。

你的td投标人必须看起来像这样：

<td class="calendar_cell_middle" width="14%" valign="bottom" height="25%">

但是，在HTML5中不再支持它，因此请尝试将其包含为css。更多，避免这种内部表格，真的很难管理！

Answer 2

您应该在css中使用以下td：

td {
    vertical-align:bottom
}

另外请确保您不要忘记将table代码添加到代码中，如下所示：

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

您会找到fiddle demo here

此外，您可能想要查看已在daily_total_style css课程中添加的内容;那里的东西可能会干扰你的代码。

已编辑：我使用上述内容更新了您刚刚创建的小提琴并且工作正常：check it out here

Answer 3

您可以在第1行和最后一行之间包含一个空行，然后为所有表数据设置固定宽度，如果它们都有3行，它将使两个表看起来更相似