使滑块全宽，但中心内容

我在玩http://www.slidesjs.com/滑块。要把它全宽，但使当前的幻灯片（slidescontent）全宽，但有容器（slidescenter）内一个div有它的内容保持与宽度设定为中心，这是使用代码IM：使滑块全宽，但中心内容

<!doctype html> 
    <head> 
     <title>Title</title> 

     <style type="text/css" media="screen"> 
      .slides_container { 
       width:100%; 
       height:270px; 
      } 
      .slides_container div { 
       width:100%; 
       height:270px; 
       display:block; 
      } 
      .slidescontent {width:100%;} 
      .slidescenter {width:990px;} 
     </style> 

     <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
     <script src="slides.js"></script> 

     <script> 
      $(function(){ 
       $("#slides").slides(); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="slides"> 
      <div class="slides_container"> 
       <div class="slidescontent"> 
        <div class="slidescenter"> 
        Text 1 
        </div> 
       </div> 
       <div> 
        Text 2 
       </div> 
       <div> 
        <img src="http://placehold.it/570x270"> 
       </div> 
       <div> 
        <img src="http://placehold.it/570x270"> 
       </div> 
      </div> 
     </div> 
    </body>

来源

2012-12-06 PeteTheGreek

如果不能真正使用slides.js（因为它指的是您本地机器/服务器上的副本），则有点难以分辨发生了什么。你是否试图以标准方式来对待.slidescenter？

.slidescenter { 
    width: 990px; 
    margin: 0 auto; 
}

来源

2012-12-06 21:23:48

我推荐使用Cycle。 Slidesjs是增加不必要的HTML ...引发了一些问题

我做了这个网站为中心的幻灯片：http://celebrationsnetwork.co.nz

难道它通过使主容器设置宽度和居中（使用保证金）

#slides { 
    width: 570px; 
    height: 270px; 
    margin: 0 auto; 
    overflow: hidden; 
}

与制作幻灯片设置宽度也：

#slides .slide { 
    width: 570px; 
    height: 270px; 
}

我与您的问题发挥各地上的jsfiddle：http://jsfiddle.net/3q8cX/4

有任何问题吗？

来源

2012-12-06 22:11:50 Lex

使滑块全宽，但中心内容

回答

相关问题