Html 从li-ul类中去掉空间

我正试图编辑这张幻灯片，但我不知道如何从图片中去掉空间，我想要最小的空间

这是滑块：

下面是CSS：

如何使图像在没有空格的情况下彼此相邻对齐？

将

对于每个列表项，当前的情况是您已将
ul
的
宽度设置为
500%
，而
li
的
width
在
500%
中的
20%
。这意味着每个
li
都将是
500%
的
20%
，这最终看起来类似于将
ul
和
li
内部的
宽度设置为
100%
。这样设置的不同之处在于，当前
500%
wide
ul
内部有足够的空间让所有
li
向左浮动，而不是让它们都显示在彼此下方，如果将
ul
和
li
的
宽度设置为
100%

现在还不完全清楚您想要实现什么，但是去掉
li
上设置的
width
肯定会去掉图像右侧多余的空白

设置<代码>显示：块是一个好主意，但它与图像右侧当前可见的空白无关。它确实消除了浏览器在内联元素周围添加的一些空白，对于图像，这通常意味着图像下有几个像素的空白。
只需像这样向容器类添加宽度和文本对齐属性

 .container{
   margin: 0 auto; /* for center align*/
   text-align: center;
   width: 686px;

 }

你试过什么？你们有并没有试着在开发者控制台/Firebug中使用CSS？我不知道如何使用Firebug，但我确实在寻找答案，并发现了一些东西，上面写着add
float:left和添加
显示：块
到css，但是图像仍然是间隔的，我不知道在这里做什么@shivanraptor也不知道在加载
.js
之前它是对齐的。这里没有
你在哪里看到这个我看到了它的使用，它必须由JavaScript为滑块添加。我认为现在的情况是JavaScript根据幻灯片的数量决定每张幻灯片的宽度，以使其填满整个屏幕。也许你正在使用的滑块插件中有一个设置使其表现不同。看起来你正在使用一个名为“全幅图像滑块”的jQuery插件，所以很可能没有这样的设置。看起来你没有适合这项工作的插件。您可以用图像填充每个
li
元素，同一
li
元素中的图像之间不会有任何空间。但这确实会使“全宽图像滑块”失去其动态性，因为屏幕更小的用户将无法再看到所有图像。