javascript - 如何将 Jquery slider 保留在某些 html 表格单元格中某些文本的右侧？

Question

我正在尝试在表格单元格中的某些文本和 span 旁边实现 JQuery slider 。

<tr>
    <td>
        Transfert: <span id="Trans" /> <div id="TraSlider" />
    </td>
</tr>

不幸的是， slider 不会粘在右侧或文本上。看来 div 是问题所在。我尝试将其更改为 span，但 slider 不再正确显示。

如何实现此目的(无需将 slider 移动到另一个单元格)？

附注:这是一个 JsFiddle .

Answer 1

看起来它只是inline-block并且具有宽度。考虑到这一点，see this fiddle :

.ui-widget-content {
    display:inline-block;
    width:100px;
}