我正在尝试使用DIV排列图标。我有以下代码。此代码使图标显示在输入的右侧，这是我想要的。但它太高了。我需要将图标向下移动。
<div>
<input name="Password" type="password">
<span style="display: inline-block; margin-top: 9px;" class="ui-icon"></span>
</div>
ui-icon css看起来像这样：
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
我尝试使用margin-top，但它不起作用。我只需要一些方法让图标下降大约5个像素。有什么我想念的吗？
答案 0 :(得分：2)
background-position:right center;
删除margin-top: 9px;
答案 1 :(得分：1)
您可以使用CSS执行此操作:(使用img而不是背景范围）
vertical-align:middle;
或其他方式可以设置
position:relative;
float:left;
top:10px;
你可以相应地调整顶部。
答案 2 :(得分：1)
您想使用CSS background-position属性，您可以指定坐标。参见：