BXSlider偏離中心的圖像

Question

我正在創建一個投資組合網站，但我一直在旋轉木馬上遇到問題。我決定嘗試bxslider，因爲我喜歡這種造型，但現在一直在困擾着我如何讓圖像在視口中居中。

我已經設法讓滑塊啓動並運行，但是我的圖像仍然顯示爲偏離中心，就好像某處存在某些衝突的CSS。圖像是800x300像素 - 我可以通過設置slideWidth:800將框的寬度設置爲800px，但這不能解決問題。您可以看到標題被切斷 - 圖像正在向下和向右移動。

請參閱test page - 這是使用未經修改的bxslider副本，並且沒有額外的CSS。

任何幫助將不勝感激 - 我敢肯定這是簡單的，但我仍然是新鮮的！

Answer 1

他們偏離了中心位置，因爲您的圖片太大，而且它們是左對齊的，所以它們會從父母向右伸出。描述你的佈局，我可以進一步提供幫助。這裏有一個猜測：

.bx-wrapper img { 
    width: 720px; 
    height: 230px; 
} 
.bx-wrapper .bx-caption { 
    width: 720px; 
} 

你也可以這樣做：根據您的意見

.bx-wrapper { 
    width: 880px; 
} 
.bx-viewport { 
    height: 340px; 
} 

更新：

.bx-viewport ul { 
    margin: 0; 
    padding: 0; 
}