国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>次のようなキャプションが付いた畫像があります: </p> <pre class="brush:php;toolbar:false;"><figure> <img src="image.jpg"/> <figcaption>タイトル</figcaption> </figure></pre> <p>CSS には <code>img{max-width:100%}</code> もあります。 </p> <p>畫像の幅と高さの両方を設定し、幅が設定値を下回った場合でも縦橫比を維持したいと考えています。そこで、次のようなコードを試してみました。 </p> <pre class="brush:php;toolbar:false;"><figure> <img src="image.jpg" width="100" height="200" style="object-fit:contain"/> <figcaption>タイトル</figcaption> </figure></pre> <p>これはおおよその希望通りですが、畫像が「レターボックス化」されている場合、タイトルは畫像の下部からかなり離れています。 </p> <p>タイトルを畫像の下部にぴったりと合わせたまま、希望の結果を得る方法はありますか? </p>