jquery - 如何将 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