如何使用此微調在TD

我想做到這個位置（見圖片） -如何使用此微調在TD

我有這樣的moment-

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

我可以修改頂部和左側值s，但它是正確的方法嗎？是因爲我在一個td元素中，它不起作用？我應該放置一個div嗎？

感謝您的幫助

多米尼克

來源

2016-01-23 Dom

剛剛成立的TD風格是

position：relative;

，並切換到我風格：

的位置是：絕對的;右：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/

來源

2016-01-23 18:55:34 BinaryGhost

您提供的代碼不正確。微調器顯示在輸入之外，而OP則希望它在輸入之內。 – michael

錯誤的小提琴，感謝downvote。固定。 – BinaryGhost

Upvoted爲更正是正確的答案。這應該是選定的答案。 – michael

你可以做，使用

position: absolute;

爲你的元素

找到工作fiddel

來源

2016-01-23 18:55:03

您所提供的代碼不正確。微調器顯示在輸入之外，而OP則希望它在輸入之內。 – michael

微調框在輸入框內顯示 –

您提供的JSFiddle將微調框顯示在輸入欄右側（外部）。你上傳了正確的JSFiddle嗎？ – michael

如何使用此微調在TD

回答

相關問題