如何将这个微调器定位在td中

时间:2016-01-23 18:45:27

标签: html css

我想这样做(见图) -

enter image description here

我现在有这个 -

enter image description here

我的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吗?

感谢您的帮助

多米尼克

2 个答案:

答案 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>

小提琴: https://jsfiddle.net/d1xasmLd/9/

答案 1 :(得分:0)

你可以使用

来做到这一点
UIImageView

为你的元素

找到工作fiddel