2016-11-30 7 views
-1

bootstrap carousel collectionの正確なコードを使用しています。JQueryタブのスライダで画像サイズを変更

しかし、私は指定された1200x440よりも小さいイメージを持っています。どのように画像を中央に置くことができますか?

私はインラインstyle="display:block"を追加してクラスを作成し、スタイルシートを調整しようとしましたが、何も動作していないようです。サイズを変更したくない小さな画像を中央に配置する正しい方法は何ですか? CSSセレクタの

+3

問題を示すコードを追加してください... – Dekel

+0

文字通り全く同じコードですが、イメージソースを別のイメージに切り替えました。 私が試したのは、style = "width:80%; height:60%; display:block; and img {display:block} – sandboxj

+0

のためのスタイルシートフォーマットを追加しました。問題を見ることができるように関連するイメージでjsfiddle/snippetを作成します。 – Dekel

答えて

1

検索 ".carouselインナー> .item> IMG> .item> A> IMG .carousel-内側" および次の宣言を追加:

margin: 0 auto; 
+0

ありがとう、これは私のために働いた。時間があれば、imgを自動的に中間に置くのではなく、マージンを調整しなければならない理由を 'display:block was 'と私に説明してもらえますか?申し訳ありませんが、私はまだウェブ開発の初心者です。 – sandboxj

0

DIVクラス "アイテム

height: 400px; 
width: 1200px; 

そしてIMGが持っている必要があります - - あなたはdiv要素は、カルーセル内のすべての画像のサイズを固定しているしたい場合は、これが唯一であることに注意してください:「次のスタイルを持っている必要があり

margin: auto; 
関連する問題