我有这个page，如果你看一下右上角的搜索...我需要移动文本搜索大约2px，使其与图像居中，但我文本对齐vertical-align或padding我不想做我想要的是我的css
#Search {
background: url("/images/no-letters-search.png") no-repeat scroll 0 0 transparent;
border: medium none;
font-size: 15px;
height: 37px;
left: 31px;
padding-left: 26px;
position: relative;
top: -3px;
width: 175px;
font-family: Helvetica, sans-serif;
}
这是我的HTML
<form id="search_form" method="post" action="/mm5/merchant.mvc?">
<input type="text" name="Search" id="Search" tabindex="0" />
<input name="Screen" type="hidden" value="SRCH" />
</form>
答案 0 :(得分：2)
呃，试试line-height:18px; - 可能会这样做。
答案 1 :(得分：0)
如上所述，尝试将line-height设置为应将单行文本居中的输入框的高度。
答案 2 :(得分：0)
文本实际上已经与输入字段居中。问题是你的输入字段比你背后放置的实际图像高，所以在视觉上，它看起来很棒（从技术上来说，它已经居中）。
您当前的输入字段高度为37像素，但由于输入字段是一个带有边框（中等）的框模型元素，因此您的框实际上大约为41像素高。您需要删除边框或者只需将输入字段的大小缩小为34px或33px。
或者你可以恰当地重写“border：medium none;”到“border：0”。
如果没有任何意义，我建议http://www.w3.org/TR/CSS21/box.html稍微研究一下CSS盒子模型。