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

Question

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

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

12345678

但他们会像这样

1234
5678

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

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

Answer 1

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

100/8 = 12.5

这意味着每张幻灯片的宽度应为12.5％，而幻灯片容器的宽度应为800％：

试试这个：

data.table

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

Answer 2

<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 ......你能想象为什么吗？