我想这样做(见图) -
我现在有这个 -
我的HTML代码是 -
<td data-sort-initial="true" data-value="azerty" style="padding:5px;">
<input class="form-control input-sm edit2" data-nom_champ="contact_label" data-id_ecole_contact="9" name="contact_label" type="text" value="azerty">
<i class="fa fa-spinner fa-spin" id="waiting_9" style="display:none;position:relative;left:0px;top:2px;"></i>
</td>
我可以修改top和left值,但这是正确的方法吗?是因为我在一个td元素中它不起作用?我应该放置一个div吗?
感谢您的帮助
多米尼克
答案 0 :(得分:5)
只需将td样式设置为
即可职位:相对;
并将 i 样式更改为:
位置:绝对;右:6px;顶部:4px;
最终代码如下所示:
<table>
<tr>
<td style="position:relative">
<input type="text"/>
<i class="fa fa-spinner fa-spin" id="waiting_9" style="display:none;position: absolute; right: 6px; top: 4px;"></i>
</td>
</tr>
</table>
答案 1 :(得分:0)