Q&A
すみませんが画像のサイズ追記お願いできますか？(あとCSSも)
CSSで画像の横幅に合わせて文字を自動で改行を行いたいです。※CSSで実現不可な場合はjavascript又はjQuery
現在画像のキャプションが画像の横幅を超えて表示されており、
画像の大きさによって文字を自動で改行を行おうとしています。
画像は「max-width:100%」で指定しております。
画像の親要素に「width」を指定できれば、「white-space: pre-wrap;」等を指定して文字の自動改行を行えるのですが、画像の横幅を可変で指定しているため文字の自動改行が行えません
「display: inline」等を使用すればいけそうな気はしているのですがうまいことできないです。
何かいい方法はございますでしょうか。
html
1 2<figure> 3<div class="realtor-list__thumbnail_fs trimming-width article-img-block"> 4 <img class="article-img ls-is-cached lazyloaded" alt="iphone" data-src="~~.png" src="~~.png"> 5</div> 6 <figcaption style="font-size:15px;">iPhone（アイフォーン）は、アップル製のスマートフォンである。2007年1月にオリジナルモデルが発売された。初代iPhoneは当時すでに流通していたiPAQなどのPDAの基本的な操作やデザインを踏</figcaption> 7</figure> 8
回答1件
0
ベストアンサー
下記でどうですか。
css
1figure { 2 width: min-content; 3}
投稿2020/10/02 08:27
総合スコア34075
あなたの回答
tips
プレビュー
