使用zurb基礎軌道滑動時，如何中心幻燈片如本屏幕截圖所示

Question

：上 我的24" 監視器白色背景示出了通過我的軌道滑塊 這是因爲我的源圖像是窄（像素） ，比瀏覽器窗口的寬度

如果我讓我的窗口窄，圖像按比例縮小爲人們所期望的，沒有任何背景顯示通過：

我想什麼來完成是居中<li>元素這些幻燈片組成了幻燈片，因此，圖像越來越窄，它不會在一側看起來很啞的白色條紋。

Answer 1

試試這個：

成立專班全角與以下樣式：

.full_width { 
    width:100%;} 

添加該類軌道UL：

<ul class="full_width" data-orbit data-options="..."> 
    <li><img src="img/slider/slide1.png"></li> 
    <li><img src="img/slider/slide2.png"></li> 
    <li><img src="img/slider/slide3.png"></li> 
    <li><img src="img/slider/slide4.png"></li> 
</ul> 

然後在你的風格工作表添加一類full_width li img並設置圖像的寬度並添加邊距：0 auto像：

.full_width li img { 
    width:960px; 
    margin:0 auto;}