CSS填充問題進行垂直居中文本

Question

我一直在努力工作，這一點整天

我有一個腳本，一些jQuery的下拉菜單中的我的形式，但回落中的文本下來不居中垂直在框中。我已經用padding-bottom設置了正常的文本框，以便文本位於中間，但我無法對jQuery框做同樣的處理。我已經設法在實際的下拉菜單上完成，而不是您選擇的選項。如果任何人都可以幫助在文本框中垂直居中文本（而不是文本對齊中心），我將不勝感激。

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

我想我已經在它一直盯着太久而變得視而不見......

附：有可能是在dd.css文件中的一些代碼，這是我曾嘗試和失敗的（大部分代碼是帶着劇本默認代碼）

Answer 1

擺脫你的底部填充，增加一個height和一個line-height：

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

這裏的關鍵組件是line-height。這是如何調整文本的垂直位置。您可以根據自己的喜好進行調整。設置高度並不是完全必要的，但它會保持菜單的下拉部分正確定位（這可以通過其他方式解決）。使用填充這不是一個好主意 - padding-bottom實際上可以被刪除（我把它留在那裏作爲提醒）。