如何在某些HTML表格單元格的某些文本的右側保留JQuery滑塊？

Question

我試圖在表格單元格中實現一些文本旁邊的JQuery滑塊和span。

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

不幸的是，滑塊不會粘在右邊或文本。這似乎是div是問題。我試圖將其更改爲span，但滑塊不再正確顯示。

我怎樣才能做到這一點（不移動滑塊到另一個小區）？

P.S.：這是一個JsFiddle。

Answer 1

它似乎只是爲了inline-block和width。考慮到這一點，see this fiddle：

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

Answer 2

你可以（顯示：塊）在CSS對於那些cntents，但這些內容的順序總是有所作爲。 或者你可以嘗試使滑塊div浮動到正確的CSS，所以其他的東西都不會對它的絕對位置感興趣。

Answer 3

看起來像有人在我擺弄時毆打我。無論如何，這是它。 .val（）適用於輸入FYI。

// css and table width will squeeze your text so: 

http://jsfiddle.net/devitate/MTD78/3/