[建国記念日おめでとう、緊急支援] 画像 display_html/css_WEB-ITnose についての質問-htmlチュートリアル-php.cn

この投稿は、net_lover によって、2012-10-03 14:21:49 に最終編集されました。

Web ページに、大小さまざまな 200*200 ピクセルの写真を並べたいと思っています

でも、今は写真があります。、これは 300 * 250 ピクセルです

私のアイデアは、この画像を 200 * 200 で表示することですが、要件が 1 つあります

それは、上下に引き伸ばすことができないということです。私が望むのは、圧縮することです。一番大きいものを 200 ピクセルに圧縮し、余分な部分を空白で表現します

下のリンクの画像のように

http:// www.laiko.net/pdlistone/products/ 7115373.html

コードはどのように書けばいいですか、皆さんありがとうございます

同じ比率で圧縮してから中央に配置すると、余分な部分は空白で表示されますこのような写真の行は見栄えがします

ディスカッションへの返信 (解決策)

真ん中に空白はありません。単純に実装されています。プロポーショナルスケーリング、私の接続を見てください。
E Zhang 氏
<script> function raiseImg(img) { if(img.width>200 || img.height>200) { if(img .width/img.height>1){ img.width = 200 } else { img.height = 200 } } } </script>

onload ="resizeImg( ……

この投稿は 2012-10-03 14:25:53 に net_lover によって最終編集されました

空白スペースはありません中央では、ちょうど等比率のスケーリングです

空白スペースがない場合は、余分な部分を切り詰める必要があります

等比率は、空白または切り捨てても、他の効果はありません

切り取るには、 div を配置します
< ;div style="overflow:hidden">

上記の判断を
img.width = 200 に変更します
は
img.height = 200

ありがとう、しかし私が望む結果はこれです

1 . 縮小します

2. 余分な部分を空白のままにします
3. 送信した URL を見てください。比率が縮小された後、上下が空白になります。、比率を均等化した後も、長さ:幅はまだ 1:1 なので、1:1 の効果が必要です
それから中央に配置します。解決策は何ですか?
中央に空白スペースはなく、均等な比率でスケーリングが行われるだけです

空白スペースがない場合は、余分な部分を切り捨てる必要があります

均等な比率は、空白か切り捨てのどちらでも、

他の効果はありません

To truncate,Prevent
< div style="overflow:hidden">
既製の比較があるので、ソースコードを見ればわかりますか》

真実は説明すると、

比例的に縮小します
余分な部分は空白になります
すべて実装されました

上下どちらも空白です
コンテナを上下の中央に配置することができます
< を配置するのが最も簡単な方法です。 ;td style="vertical-align:middle"

もしかしたら私が間違っているかもしれませんが、コードを使用したところ、確かに効果はありませんでした
既成の比較があるので、次のように理解できませんか?ソースコードを見てみますか？》

原理は説明されており、

比例的に削減
し、余分な空白
が実現されました

上下とも空白

コンテナを中心に配置することができます最も簡単な方法は、

なぜ機能しないのですか? ? れーれー

非常に感慨深いです、もう一つ问题があります

上面は我的代序，但是横排的图片，各中間都無间隔区
我想让他有间隔たり，应该怎么办
怎么不行的??HTML コード

function……

这样

gt;

谢谢、
、我、我、我、非常、非常、还、还还还有有一个问题问题想
http://www.mainlandchemical.com/chanpinmingxi.do？bianma = 10210これはどのように実現されていますか、私見後台の代コードはテーブルです
しかし、参照されている阿里巴巴の代コード、太乱了、根本的に不明確、请问どのように才能实现呢? ="0" セル間隔="6" >

下仮想線の実現方法

CSS で線の種類を指定でき、なし、点線、破線、実線、二重を選択できます。