我的形象破坏了我的文字造型，我该如何解决这个问题呢？

Question

我创建了一个带有输入字段和背后图像的简单文本标签：

<p><label for="something" style=" padding: 5px; display:inline-block; width: 440px; border:1px solid white;">Something Since<input type="text" id="datepicker" size="7" readonly></label></p>

对于所有其他文本标签，没有 id datepicker （包含图像，当点击图像时会出现一个daterpicker弹出窗口），文本会在框中间自动居中。图像文本不是这种情况..

这是一张让它更清晰的图像：

任何人都知道如何修复它，以便文本和图像在内联框中居中？

Answer 1

要将图片和文字居中放在一行，您可以将vertical-align: middle应用于您的图片，如下所示：

<p>
    <label for="something">Something Since</label>
    <input type="text" id="something" />
    <img src="" style="vertical-align:middle;" />
</p>

http://jsfiddle.net/2nxsQ/