css - 如果不使用填充，有没有办法得到它？

Question

如果关注输入文本框。光标在顶部，如果不使用 padding-top，我想将光标定位在中心部分。我应该怎么做？

Answer 1

你可以尝试这样的事情：

#input-field {
   height: 20px;
   line-height: 20px;
}

这将使文本在您的输入字段上垂直居中，这也应该使光标居中。

Answer 2

用这个 -

img{ vertical-align: middle; }

演示

或者

使用 - 向下推输入文本元素

input[type="text"]{
  margin: 4px 0 0 0;
}

Answer 3

你可以用这个

 input{
    height:      YOURIMAGE HEIGHT;
    line-height: YOURIMAGE HEIGHT; 
    display:block
 }