为什么<li>标签不在我的滑块上?

时间:2015-10-05 18:55:00

标签: javascript jquery html css

我正在尝试创建一个流畅的滑块宽度:100% 它完美无缺,直到我添加超过4项。在4个项目之后,5个项目属于1个项目。

这个<li>看起来应该是内联的

12345678

但他们会像这样

1234
5678

我知道它必须是宽度的东西但是当我向父母添加更多宽度时,项目就会消失 继承人我做了一个小提琴。请帮忙!

https://jsfiddle.net/jaysg_/tk20dckv/light/

2 个答案:

答案 0 :(得分:2)

问题在于您设置宽度的方式。你有8张幻灯片,所以你必须做数学运算:

100/8 = 12.5

这意味着每张幻灯片的宽度应为12.5%,而幻灯片容器的宽度应为800%:

试试这个:

data.table

小提琴:https://jsfiddle.net/tk20dckv/7/

答案 1 :(得分:0)

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

如果ul标签有width:100px;且每个li标签都有width:50px;,你会看到12,34,56 ......你能想象为什么吗?