一尘不染

在固定高度的输入字段中垂直对齐文本,不显示:表格还是填充?

css

line-height属性通常负责垂直对齐,但不涉及输入。有没有一种方法可以自动使文本居中而不用填充?


阅读 273

收藏
2020-05-16

共1个答案

一尘不染

在Opera 9.62,Mozilla 3.0.4,Safari
3.2(适用于Windows)中,如果您在输入字段的同一行中放置一些文本或至少一个空格,则它会有所帮助。

<div style="line-height: 60px; height: 60px; border: 1px solid black;">
    <input type="text" value="foo" />&nbsp;
</div>

(在输入语句后想象一个&nbsp)

IE 7会忽略我尝试的所有CSS hack。我建议仅将填充用于IE。如果只需要在一个特定的浏览器中运行,就应该使您更容易正确地定位它。

2020-05-16