我在居中时遇到问题....再次

Question

我试图将我的图像滑块居中到页面的中心，但我无法让它工作，谁能看到我做错了什么？

代码如下：

#conteudo{
height: 600px;
width: 100%;
text-align: center;
display: inline-block;
margin: 0 auto;
clear: both;
}



/* @group Slider */

#slider {
overflow: hidden;
margin:0 auto;
height: 593px;
width: 1281px;
text-align: center;
float: left;
clear: both;
}

#slider ul {
  margin: 0;
  padding: 0;
  list-style: none;

}

#slider ul li {
  padding: 0;
  height: 593px;
  width: 1280px;

}

/* @end */

这里是网站的链接：

Link

另外，我怎样才能使图像过渡更平滑？

Answer 1

删除浮动：左；在#slider 中，您不能将任何带有浮动的元素居中

#slider {
overflow: hidden;
margin:0 auto;
height: 593px;
width: 1281px;
text-align: center;
float: left; // remove this..
clear: both;
}