サムネイル内で .img-link タグを中央に配置しようとしていますが、うまくいきません。
これは私がやっていることの例へのリンクですhttp://jsfiddle.net/Dhk3M/ .
これは可能ですか?
サムネイル内で .img-link タグを中央に配置しようとしていますが、うまくいきません。
これは私がやっていることの例へのリンクですhttp://jsfiddle.net/Dhk3M/ .
これは可能ですか?
.thumbnail を付け text-align:center
ます。次のように書きます。
.thumbnail {
text-align: center;
}
これをチェックしてくださいhttp://jsfiddle.net/Dhk3M/1/
要素を自動的に中央に配置するには、適用して適用できるように幅を固定する必要がmargin-left: auto;
ありますmargin-right: auto;
.img-link img {
width: 267px;
margin: 0 auto;
display: block;
}
これは、CSS で要素の幅を実際に設定できる場合に有効です。つまり、要素の幅が常にまったく同じになることがわかっていることを意味します。または:
text-align: center;
インライン要素 (img タグなど) で機能します