2

Bootstrapでデザインに取り組んでいますが、通常の中央に配置されたサムネイルをクリック可能にしようとすると、左揃えになります。CSSがどこから来ているのか理解できません。

HTMLとCSSをhttp://jsfiddle.net/DLYds/のjsfiddleに追加しました

最初のボックスはどのように表示されるかです。残りのサムネイルはすべてリンクです。

それはおそらく本当に単純なことですが、私は何らかの理由でそれを見ていません。

4

2 に答える 2

3

Bootstrapは.thumbnail、画像を次のコードに合わせています。

.thumbnail > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

あなたの問題は親セレクター>です。.thumbnailしたがって、 ：との関係に関係なく、そのスタイルがすべての画像に影響を与える独自のCSSルールを作成するだけです。

.thumbnail img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

このソリューションは、画像を中央揃えにするBootstrapの方法を尊重し、テキストの配置には影響しません。

于 2012-08-31T06:53:29.050 に答える
-1

text-align：center;を使用してリンクをブロック要素として設定してみてください。http://jsfiddle.net/DLYds/1/

于 2012-08-30T22:02:56.703 に答える