当前位置: 首页 > 面试题库 >

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

郏景澄
2023-03-14
问题内容

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


问题答案:

在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。如果只需要在一个特定的浏览器中运行,就应该使您更容易正确地定位它。



 类似资料:
  • 我在对话框中使用MigLayout。 每个面板都使用MigLayout。 有一个用于显示行的面板。每个列都有一个面板(交付类型、选择元素、架次)。输出文件行有一个面板。有一个按钮面板。 也许有一种更好的方法,不用太多的面板? 我的代码 我的文本字段没有大小,直到我移动我的窗口,我不明白为什么。还有为什么不是每个列的组件从面板的顶部开始?

  • 问题内容: 下面的代码(也可以在JSFiddle上作为演示使用没有将文本放在中间,正如我理想中的那样。即使使用属性,我也找不到任何方法可以使文本垂直居中。我怎样才能做到这一点? 问题答案: 创建一个用于文本内容的容器,也许是。 JSFiddle

  • 问题内容: 我可以水平对齐div,所有内容看起来都不错。寻找垂直对齐不包含任何表格的div。我尝试在#container内将边距位置设置为某些负值,但是这种方法可行。我知道CSS还不支持吗? 这是我的标记: 运行上面的代码段,然后单击“整页”以查看其当前外观。基本上,它在水平方向上看起来不错,但是现在我需要它在页面中也垂直居中。 我要垂直对齐的元素是#container div。该效果将迫使整个d

  • 问题内容: 我的表上有很多行。我想设置表格的高度,例如500px,这样,如果表格的高度大于该高度,则会出现一个垂直滚动条。我尝试在上使用CSS 属性,但是它不起作用。 问题答案: 尝试使用CSS属性。还有单独的属性来定义水平溢出()和垂直溢出()的行为。 由于只需要垂直滚动,请尝试以下操作: 编辑: 显然,元素不尊重该属性。这似乎是因为默认情况下元素未呈现为(它们实际上具有自己的显示类型)。您可以

  • 问题内容: 目标:纯Canvas上的Android> = 1.6。 假设我想编写一个函数,该函数将绘制一个(宽度,高度)大的红色矩形,然后在其中绘制一个黑色的 Hello World 文本。我希望文本在视觉上位于矩形的中心。因此,让我们尝试: 现在,我不知道要在drawText的参数中加上标记的内容,即我不知道如何垂直对齐文本。 就像是 ???? = topLeftY + height / 2 +

  • 问题内容: 我试图找到最有效的方法来使div对齐文本。我尝试了几件事,但似乎都没有用。 问题答案: 对于CSS 2浏览器,可以使用/ 来使内容居中。 jSFiddle提供了一个示例: 可以将旧浏览器(Internet Explorer 6/7)的hack合并为样式,并用于从较新的浏览器中隐藏样式: