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}