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}