由于行高与垂直对齐冲突，文本被截断：顶部

我有一个表格，其中包含一个表格内格式类似于文本的提交按钮。

一般情况下，所有表行都设置为vertical-align: top

如果我不对格式化文本应用行高，则其底部部分将被切断，如以下字母所示p, q等等（小提琴的底部）

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

这里是fiddle https://jsfiddle.net/gL2nogL1/1/.

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，请参阅 fiddle。