Question

我注意到，当text和＆lt; input type =“text”＆gt;字段在同一行中运行，两个文本彼此垂直对齐。这在我看来是件好事。

对于文本而言，情况并非总是这样，表格中列有两列，左边是标签，右边是输入。通常，一个人会更低。

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

Answer 1

我不确定我是否理解这个问题。这对我来说很好看：

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

也许你可以用上面的小提琴来表达你的意思？

但是，如果你需要在td中调整输入，那么这样的东西应该可以工作而不必调整太多（注意：.1可能不是正确的数字）：

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

CSS文本与td相同，并且与其他td中的字段中的文本对齐

1 个答案: