1

私はかなり基本的なコードに行き詰まっており、正しい構文を知っている必要はないと思います。

2つの画像を並べて表示したい（横にX | X）と、画面の幅に応じて自動的にサイズが変更されます...

私の問題は、画面の幅を縮小したときの 2 番目の画像が最初の画像よりも小さくなることです。DIV Contener の高さを修正しようとしましたが、2 番目の画像が出てきました...修正方法を教えてください。私の現在のコードを同封しました。

<div style="width:100%;max-height:150px;border:1px solid black;" >
<img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:100%;"/>
<img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:100%;"/>
</div>
4

2 に答える 2

0

position: relative;ラッパーとwidth: 50%; float: left;画像で使用する

<div style="position: relative; float: left; width: 100%; border: solid 1px #000">
    <img src="yourPath.jpg" style="float: left; width:50%;">
    <img src="yourPath.jpg" style="float: left; width:50%;">
</div>
于 2012-08-17T14:50:53.500 に答える
0

左画像用width: 50%;と必要なものfloat:left;

そのためのjsFiddleがあります：http://jsfiddle.net/vwMWn/18/

あなたのコード:

<div style="width:100%;max-height:150px;border:1px solid black;" >
     <img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:50%; float:left"/>
     <img src="http://chezsilvia.c.h.pic.centerblog.net/o/3963dc3b.jpg" style="max-width:50%;"/>
</div>
于 2012-08-17T14:51:54.290 に答える