我使用的確切代碼是bootstrap carousel collection。在JQuery選項卡滑塊上更改圖像大小
但我的圖像比指定的1200x440小。我怎樣才能讓圖片居中?
我試圖添加一個內聯style="display:block"
並創建一個類並調整樣式表,但似乎沒有任何工作。集中縮小的圖像的正確方法是什麼?我不想調整大小?
我使用的確切代碼是bootstrap carousel collection。在JQuery選項卡滑塊上更改圖像大小
但我的圖像比指定的1200x440小。我怎樣才能讓圖片居中?
我試圖添加一個內聯style="display:block"
並創建一個類並調整樣式表,但似乎沒有任何工作。集中縮小的圖像的正確方法是什麼?我不想調整大小?
搜索CSS選擇 「.carousel-內> .item> IMG,.carousel-內> .item> A> IMG」,並增加了以下聲明:
margin: 0 auto;
謝謝,這對我有用。如果您有時間,請向我解釋爲什麼'display:block'不會自動將img放在中間位置,而是必須調整邊距?對不起,我仍然是web開發的初學者。 – sandboxj
股利類「項目「應該有以下樣式:
- 請注意,這是唯一的,如果你想在div有固定的尺寸在旋轉木馬的所有圖片 -
height: 400px;
width: 1200px;
和IMG應該有:
margin: auto;
添加你寫的代碼演示了這個問題... – Dekel
這是字面上完全相同的代碼,但我將圖像源切換到另一個圖像。 我試過的是添加style =「width:80%; height:60%; display:block;」和class =「img」,併爲.img {display:block} – sandboxj
添加了樣式表格式,因此可以創建一個帶有相關圖像的jsfiddle/snippet,以便我們看到問題所在。 – Dekel