如何将jQuery滑块拉伸到其内容

Question

我想将jQuery滑块拉伸到其内容。

<div id="slider">1 2 3 4 5 6 7 8 9 10 </div>​

$("#slider").slider({ max:10,});​

#slider
{
margin:20px;
max-width:400px; 
}​​​​​​​​​​​​​​​​​​​​​​​

http://jsfiddle.net/U2e77/

只有当我添加display：table-cell;到滑块类我得到了所需的行为，但它在Firefox中不起作用，看起来不是一个选项。

Answer 1

display:inline与display:table-cell的效果相同，这是你想要的吗？

修改

如果您需要它像块元素一样，请使用display: inline-block