html - CSS 宽度不使图像居中

Question

我使用 wordpress 作为我的 CMS，并使用了我选择的主题。该主题在主页上显示一个 slider (轮播)，但占用太多空间。我试图将宽度和高度编辑为 80%，但 UI 搞砸了。 slider 没有居中，或者带有左右箭头的框架靠得更近了。图像被粉碎。我需要为此设置正确的 CSS。

我尝试了以下方法

1. 将宽度和高度修改为 80%
2. 降低 px 值，进一步搞砸了

下面是代码的相关 css 和 html 部分。

<div id="slides">
  <div class="slides_container slide" style="overflow: hidden; position: relative; display: block;">
    <div class="slides_control" style="position: relative; width: 2736px; height: 480px; left: -912px;"><div style="position: absolute; top: 0px; left: 912px; z-index: 5;">
       <a href=""><img src="http://localhost/taxeeta/wp-content/uploads/2013/01/116.png?1358343444279" alt=""></a>
    </div>
    <div style="position: absolute; top: 0px; left: 912px; z-index: 0; display: none;">
       <a href=""><img src="http://localhost/taxeeta/wp-content/uploads/2013/01/215.png" alt=""></a>
    </div>
  </div>
</div>

CSS:

#slides {
 position: absolute;
 top: 15px;
 left: 0px;
 z-index: 100;
 width: 897px;
 margin-left: 14px;
}

.slides_container {
 width: 912px;
 margin: 0;
 padding: 0;
}

.slides_control {
 position: absolute;
 top: 15px;
 left: 0px;
 z-index: 100;
 width: 897px;
 margin-left: 14px;
}

Answer 1

你确定有 jo javascript 代码修改 element-css 吗？ 您是否将 slides 和 slides_control 的宽度更改为相同？ (对不起我不能写评论...)