0

I am trying to implement a JQuery slider next to some text and span in a table cell.

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

Unfortunately, the slider will not stick to the right or the text. It seems like div is the issue. I tried to change it to span, but the slider is not displayed properly anymore.

enter image description here

How can I achieve this (without moving the slider to another cell)?

P.S.: Here is a JsFiddle.

4

3 に答える 3

2

inline-blockとあるだけのようwidthです。それを念頭に置いて、このフィドルを参照してください：

.ui-widget-content {
    display:inline-block;
    width:100px;
}
于 2013-08-18T14:14:38.920 に答える
0

これらのコンテンツの css で (display: block) できますが、これらのコンテンツの順序は常に違います。または、スライダーの div を CSS で右にフロートさせて、他の要素が絶対的な場所に影響しないようにすることもできます。

于 2013-08-18T14:33:36.383 に答える