html - 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}