在文本框旁边对齐图像

我在对齐文本框旁边的图像时遇到困难。我想知道除了设置填充和边距以外，是否有一种简单的方法来实现它。因为这些措施在每个浏览器中可能会有所不同我已经做了小提琴http://jsfiddle.net/wD5T9/在文本框旁边对齐图像

<div id='searchWrapper'> 
<input id='searchBox' style='width:250px; border:1px solid #cccccc; border-radius:7px 7px 7px 7px; padding:5px 28px 5px 10px; margin-top:14px; margin-left:50px;height:18px;' type='text' placeholder='Search'/><img src='http://www.q-park.ie/Portals/8/images/search-icon.png'/> 
</div>

来源

2013-05-04 user1371896

只需添加到CSS：

#searchWrapper img { 
    vertical-align: middle; 
}

来源

2013-05-04 17:35:56

每当我尝试非常微妙的位置的东西，我选择使用这种方法：

position:relative;

然后我通过使用top, left, right and buttom.

http://jsfiddle.net/wD5T9/5/

希望这会有帮助

来源

2013-05-04 17:38:57

在文本框旁边对齐图像

回答

相关问题