0

次のようなコードがあります。

<div class="container">
    <img src="img_url" alt="" />
</div>​

コンテナーの幅は 600px に設定されていますが、画像が大きい場合は、コンテナーの幅を画像サイズに合わせて調整する必要があります。css をどのように修正すればよいですか?

.container {
    margin: auto;
    margin-bottom: 30px;
    padding: 10px;
    width: 400px;
    background-color: #2a2929;
    border: 1px solid #212020;    
}

.container img {
    display: block;
    margin-left: auto;
    margin-right: auto;    
}​

デモ: http://jsfiddle.net/Gzjp7/3/

4

2 に答える 2

2

min-widthの代わりにコンテナにセンwidth。

divこれにより、少なくとも400px幅が確保され、必要に応じて拡張されます。

.container {
    margin: auto;
    margin-bottom: 30px;
    padding: 10px;
    min-width: 400px;
    background-color: #2a2929;
    border: 1px solid #212020;    
}

コンテナーの幅を最小にしたくない場合は、widthプロパティを省略するか、またはauto(これが既定値です) に設定します。

于 2012-11-24T09:50:41.713 に答える
1

コンテナー img に追加します。

width:100%;
height:auto;

コンテナ内に画像を保持する必要があります

于 2012-11-24T09:51:59.310 に答える