使滑塊全寬，但中心內容

我在玩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

使滑塊全寬，但中心內容

回答

相關問題