由于与vertical-align：line

Question

我有一个表格，表格中包含一个格式化为文本的提交按钮。

通常所有表格行都设置为vertical-align: top

如果我没有对格式化文本应用行高，则其底部将会被切断，使用p，q等字母会显而易见（小提琴的下半部分）< / p>

如果我将它应用于行高，它将在其他单元格中的其他常规文本元素下面对齐。 （小提琴的下半部分）

这是fiddle。

CSS：

.text-alt {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    color: #4D4D4D;
    background: 0 0;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    -moz-user-select: text;
    //line-height: normal;
}
tr:first-child td {
    vertical-align: top
}

tr:first-child+tr td {
    vertical-align: top;
    background-color: #fff
}

对于完整的CSS / HTML，请参阅小提琴。