Question

我使用wordpress作为我的CMS，并使用了我选择的主题。主题显示主页上的滑块（轮播），但占用太多空间。我试图将宽度和高度编辑为80％，但UI被搞砸了。滑块不居中，或者左右箭头的框架靠近。图像被粉碎了。我需要为此获得正确的CSS。

我尝试了以下

将宽度和高度修改为80％
降低了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

你确定有修改element-css的jo javascript代码吗？您是否更改了幻灯片和slides_control的宽度？（对不起，我不能写评论......）

CSS宽度不以图像为中心

1 个答案: