2011-09-11 16 views
1

画像をアップロードした後、アスペクト比を維持するために画像のサイズを変更していますが、幅は200ピクセル、高さは200ピクセル以下です。固定サイズのコンテナ内で異なる画像サイズ

次に、ASP.Net Imageコントロールで画像を表示しています。イメージが周囲の要素に影響を与えないようにするにはどうすればよいですか?コントロールのWidthプロパティとHeightプロパティを設定しようとしましたが、画像自体のサイズを変更するだけです。固定幅/高さのコントロールをdivにラップする方法はありますか?

どうもありがとう

答えて

0

一つの方法は、アスペクト比に基づいて画像のサイズを変更しますが、200x200の大きさを埋めるために、国境を残すことです。これはレイアウトに影響を与えずに、同じ次元のページに埋め込むことができます。

周囲のoverflowのプロパティをdivに設定して、divWidth/Heightに設定することもできます。しかし、これは見えるようにする方法に依存します。ような何か:

<div style="overflow: hidden; width: 200px; height: 200px"> 
    ... 
</div> 

あなたが実際にあなたがイメージがフルに表示するX 400px200pxをサイズにしたいと言っている場合は - そしてちょうど200pxWidthを設定します。

関連する問題