2013-01-24 69 views
0

我一直在努力工作,这一点整天CSS填充问题进行垂直居中文本

我有一个脚本,一些jQuery的下拉菜单中的我的形式,但回落中的文本下来不居中垂直在框中。我已经用padding-bottom设置了正常的文本框,以便文本位于中间,但我无法对jQuery框做同样的处理。我已经设法在实际的下拉菜单上完成,而不是您选择的选项。如果任何人都可以帮助在文本框中垂直居中文本(而不是文本对齐中心),我将不胜感激。

http://fifamatchgenerator.com/dev/formtest/form1.php

我想我已经在它一直盯着太久而变得视而不见......

附:有可能是在dd.css文件中的一些代码,这是我曾尝试和失败的(大部分代码是带着剧本默认代码)

+0

你应该在这里发布你的相关HTML/CSS。 – matthewpavkov

+0

你想垂直居中,而不是水平,正确吗? –

回答

4

摆脱你的底部填充,增加一个height和一个line-height

.ddlabel { 
    height: 49px; 
    line-height: 41px; 
    padding-bottom: 0; 
} 

这里的关键组件是line-height。这是如何调整文本的垂直位置。您可以根据自己的喜好进行调整。设置高度并不是完全必要的,但它会保持菜单的下拉部分正确定位(这可以通过其他方式解决)。使用填充这不是一个好主意 - padding-bottom实际上可以被删除(我把它留在那里作为提醒)。

+0

哦,我的上帝,这是令人沮丧!我通常是一个css忍者...诚实! – user2002235

+0

哈哈无后顾之忧。我自己忽略了更糟。很高兴帮助。 – matthewpavkov