0

我正在尝试编辑此幻灯片放映，但我不知道如何从图像中取出空间，我想要最小的空间。

这是滑块：

http://littleladyenterprises.com/wp-content/themes/blackchic/FullWidthImageSlider/

这是CSS：

http://littleladyenterprises.com/wp-content/themes/blackchic/FullWidthImageSlider/css/component.css

如何让图像在没有空间的情况下彼此对齐？

4

2 回答 2

0

只需像这样将 width 和 text-align 属性添加到容器类中，

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

 }
于 2013-05-09T07:38:21.833 回答
0

更改<li style="width:20%">为仅<li>针对每个列表项，当前发生的情况是您已将 的 设置width为ul，500%并将其中width的li' 设置20%为500%。这意味着每个liwill be 20%of 500%，这最终看起来类似于将其中width的 theul和li's 都设置为100%。与这样的设置的不同之处在于，当前500%宽内有足够的空间ul让所有' sli向左浮动，而不是让它们全部显示在彼此下方，如果你width同时设置 theul和 the就会发生这种情况li在里面100%

目前尚不完全清楚您要达到的目标，但是摆脱'swidth上的设置li肯定会摆脱图像右侧的额外空白。

正如您在问题的评论中提到的那样，设置display: block;图像是一个好主意，但它与图像右侧当前可见的空白无关。它确实消除了浏览器在行内元素周围添加的一些空白，对于图像，这通常意味着图像下方有几个像素的空白。

于 2013-05-09T07:36:11.070 回答