画像とキャプションの両方にhtmlリンクタグをラップしたいので、次のようにします
<a href="link"><img src="...">Caption Text</img></a>
キャプションは画像の下に表示する必要がありますが、それを行う良い方法がわかりません (a の追加は<br>
機能しますが、汚れているようです)。スタイル付きの要素を使用できるようにしたいのですがdiv
、そこに入れることができません。
キャプションをスパン内にラップできます
<a href="link"><img src="..."/><span style="display: block;">Caption Text</span></a>
このようにしてみてください:<a href="link"><img src="..." alt="Caption Text" /></a>
次に、javascript を使用して alt 属性を表示し、javascript で表示します。これを参照してください<a> タグ内にある画像から「alt」属性を取得します
a
(スタイルを設定する方法に関して)divのように動作させることができます。
display: block