2016-11-30 97 views
-1

我使用的確切代碼是bootstrap carousel collection在JQuery選項卡滑塊上更改圖像大小

但我的圖像比指定的1200x440小。我怎樣才能讓圖片居中?

我試圖添加一個內聯style="display:block"並創建一個類並調整樣式表,但似乎沒有任何工作。集中縮小的圖像的正確方法是什麼?我不想調整大小?

+3

添加你寫的代碼演示了這個問題... – Dekel

+0

這是字面上完全相同的代碼,但我將圖像源切換到另一個圖像。 我試過的是添加style =「width:80%; height:60%; display:block;」和class =「img」,併爲.img {display:block} – sandboxj

+0

添加了樣式表格式,因此可以創建一個帶有相關圖像的jsfiddle/snippet,以便我們看到問題所在。 – Dekel

回答

1

搜索CSS選擇 「.carousel-內> .item> IMG,.carousel-內> .item> A> IMG」,並增加了以下聲明:

margin: 0 auto; 
+0

謝謝,這對我有用。如果您有時間,請向我解釋爲什麼'display:block'不會自動將img放在中間位置,而是必須調整邊距?對不起,我仍然是web開發的初學者。 – sandboxj

0

股利類「項目「應該有以下樣式:

- 請注意,這是唯一的,如果你想在div有固定的尺寸在旋轉木馬的所有圖片 -

height: 400px; 
width: 1200px; 

和IMG應該有:

margin: auto;