Javascript <；ul>&书信电报；李>；定位

我正在创建一个图像库，其中每张幻灯片有9个列表项，但只有1个无序列表。我这样做的原因是，内容可以很容易地添加到CMS中，而不是每次他们希望添加库时都必须添加一个新的无序列表

代码的设置方式为：

<div class="gallery">
<span class="prv_button"><a href=""></a></span>
<div class="gallery_wrap">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<span class="nxt_button"><a href=""></a></span>
</div>
</div>

此时无序列表没有宽度，因为它需要能够滚动到下一组列表项，但此时会显示彼此相邻的内联列表。然而，我想在3的下面显示另一个。我曾尝试在无序列表上设置一个高度，但由于无序列表的宽度，这并没有造成不同

如果您需要更多信息，请告诉我

谢谢

---

Josh

我解决这个问题的第一个想法是CSS选择器，如：

/* quick & dirty */
ul li:nth-child(3n):after {
    content: '<br />';
}

这应该定位第一、第四、第七。。。最左边的列表项（即图片），三张图片排成一行

您还可以尝试设置固定宽度，以便元素必须遵守：

ul {
    width: 650px;
}

ul li {
    float: left;
    margin: 0 5px 5px 0;
    width: 150px;
}

如果代码有问题，或者我误解了您的问题，请告诉我，我会尝试相应地解决。

请尝试使用此选项

.prv_按钮、.nxt_按钮、.gallery_包装{floal:left；}
.gallery_wrap ul li{float:左；}
.gallery_wrap ul{width:ulWidth；height:ulWidth；overflow:hidden；}

好的，这方面运气不太好，但谢谢你的回复。。这是我正在使用的CSS和你给我添加的CSS。我可能做错了什么。您将不得不复制css。不知道如何添加css。-。图库ul{边距：0px！重要；左边距：17px！重要；填充：0xp！重要；高度：225px；宽度：10000px；}。图库ul li{列表样式类型：无！重要；填充：0px；边距：0px；边距底部：1px；浮点：左；显示：内联块！重要；}。图库ul li:n子级（3n+1）：{显示：块！重要；}你想向右滚动吗？我仍然不明白原来的问题。谢谢你的回答，我无法设置

的宽度，因为Jquery会根据幻灯片的数量自动分配宽度。这有助于滑块滚动而不出现任何问题。抱歉。。是，我想向右滚动，但我希望所有9个列表项都滚动到另9个列表项。我希望它全部在1
中，因为数据是通过CMS系统添加的。
不能设置宽度，因为Jquery根据
• 的数量设置宽度。现在所有的
• 都从左到右排列成一行，这意味着即使我有12张幻灯片，你也只能看到6张
• ，但我想看到9张，然后再看下一张幻灯片，以此类推……啊，如果你要向右滚动，那么我的帖子就毫无意义了。我猜你使用了错误的jQuery滑块插件，然后。。。编辑你的起始文章，尽可能好地描述这个问题（包括它现在的样子和它应该是什么样子的截图），这样我以后可以帮助你。使用CSS显示属性。这是一个演示，它不是那么简单！相信我，我已经试过了：P，但是谢谢，我想你需要类似这个演示的东西

  ul {
      width: 650px;
  }
  
  ul li {
      float: left;
      margin: 0 5px 5px 0;
      width: 150px;
  }