ここから本文です

HTML、画像のalt属性について alt属性に画像の代替えテキストを入れる際、 画...

its********さん

2018/2/914:02:28

HTML、画像のalt属性について

alt属性に画像の代替えテキストを入れる際、
画像自体は幅100%だけれど
代替えテキストは見目の都合上適度に改行したいです。

どう記述すると問題なく反映されるのでしょうか。

閲覧数:
53
回答数:
2
お礼:
25枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

ois********さん

2018/2/922:20:31

改行文字コード 
 を入れる方法だと、
title 属性は改行されるけど、
alt 属性は IE 以外は改行されず半角スペースになるだけ。

<img> に CSS の「white-space:pre」を指定すれば、
alt 属性の中身を改行した位置が、
そのまま改行として表示される。

━━━━━━━━━━━━━━━━
<style type="text/css">
img{
white-space: pre;
}
</style>

<img src="~" alt="1行目
2行目">
━━━━━━━━━━━━━━━━

ちなみに title 属性についても、この方法で改行される。

  • ois********さん

    2018/2/922:25:52

    「whie-space:pre」と、
    改行コード
    の組み合わせでもOK。

    ━━━━━━━━━━━━━━━━
    <style type="text/css">
    img{
    white-space: pre;
    }
    </style>

    <img src="~" alt="1行目
    2行目">
    ━━━━━━━━━━━━━━━━

  • その他の返信(1件)を表示

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

質問した人からのコメント

2018/2/13 11:04:50

回答ありがとうございます!!
無事解決できました!

ベストアンサー以外の回答

1〜1件/1件中

ero********さん

2018/2/918:19:56

alt="説明1行目&#13;&#10;説明2行目"

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる