CSS / 滑块未对齐答案

【问题标题】：CSS / Slider is off alignmentCSS / 滑块未对齐
【发布时间】：2015-02-24 00:54:40
【问题描述】：

最近让 evo-slider 在 wordpress 上工作。我有一段自定义代码，它获取特色图像并将其循环通过滑块。但是由于某种原因，滑块未对齐 (my website)。我不完全确定发生了什么，但它可能与边距有关。

.evoslider.default {
position: relative;
width: 920px;
height: 320px;
margin: 0 auto;
border: 15px solid #fafafa;
padding: 5px;
padding-right: 5px;
background: #d3d3d3;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
box-shadow: 0 0 10px rgba(0,0,0,0.2);

如果我删除边距，它将解决滑块内部的对齐问题，但它会超出边距。

【问题讨论】：

标签： jquery css wordpress slider

【解决方案1】：

因为你的容器有一个固定的宽度（920px），你可以这样做：

top: 0;
left: 50%;
margin: 0 0 0 -460px; // -(920px / 2)

而且你不需要“padding-right: 5px;”因为这已经包含在上一行中了。

【讨论】：