在textfield中间对齐字体

Question

我有jquery提示的文本字段如何将字体对齐在中间。我尝试过vertical-align：middle但不起作用。

<style type="text/css">
#name { 
    border: 1px solid #c810ca;
    height: 27px;
}


input[type=text].hint{ 
color: #fff;
 font-size: 11px;
    font-family: "times new roman";
}

input[type=text]{
    font-size: 13px;
  color: #fff;
    font-family: "times new roman";
}

表单文本域

<div id="name">

                 <input name="name" type="text" id="name" title="insert here"/>

               </div>

Answer 1

您可以只显式设置输入的高度和宽度（在CSS中）。无论字体大小如何，这都将确保它保持不变。

Answer 2

如果write是单行文本，则可以使用 line-height 进行vertical-align：middle。 当 line-height 和 height 的高度相同时，文本居中。 例如：

http://jsfiddle.net/tMbQP/