td 中的 CSS 文本与其他 td 中的字段中的文本大小和对齐方式相同

【问题标题】：CSS text in td same size and alignment as text in a field in other tdtd 中的 CSS 文本与其他 td 中的字段中的文本大小和对齐方式相同
【发布时间】：2014-06-02 11:28:28
【问题描述】：

我注意到，当 text 和字段在同一行中运行时，这两个文本彼此垂直对齐。在我看来这是一件好事。

在表格中布局的文本并非总是如此，例如两列，左侧是标签，右侧是输入。通常，一个会更低。

如果我改变字体大小，我不必对填充进行微观管理，是否有任何优雅的方法可以垂直对齐一个 td 中的常规文本，以及旁边的 td 中的输入字段的值是吗？

【问题讨论】：

你能发布一些代码来演示你在说什么吗？

标签： html css

【解决方案1】：

我不确定我是否理解问题所在。我觉得不错：

http://jsfiddle.net/54PK9/

outside table <input type="text" value="test" />
<table>
    <tr>
        <td>
            inside table
        </td>
        <td>
            <input type="text" value="test" />
        </td>
    </tr>
</table>

也许你可以分叉上面的小提琴并向我们展示你的意思？

但是，如果您需要调整，例如，td 内的输入，这样的东西应该可以工作而不必调整太多（注意：0.1 可能不是完全正确的数字）：

.table-with-a-certain-class td > input
{
    margin-top: -.1em;
}

【讨论】：