Flexslider 2居中

Question

我需要将Flexslider 2居中，除此之外我需要给它一个960px的固定宽度，我已经做到了： 的 HTML5

<div class="flexslider">
<ul class="slides">
<li><img src="img/01.jpeg" alt=""></li>
<li><img src="img/02.jpeg" alt=""></li>
<li><img src="img/03.jpeg" alt=""></li>
</ul>
</div>

CSS3

.flexslider{
height:400px;
margin:0;
padding:0;
width:960px}

.flexslider .slides>li{
display:none;
-webkit-backface-visibility:hidden}

.flexslider .slides img{
display:block;
width:100%}

图像也是960×400。

Answer 1

您的.flexslider有错误。想象一下 - margin: 0什么？您需要指定单位。

试试这个：

.flexslider{
height:400px;
margin:0px auto;
padding:0;
width:960px}