[CSS] アイコン画像などを文字列の横に表示したい場合に以下のような記述をしたとします。


<span style=”padding:10px;background:url(画像アドレス) no-repeat left center;”>文章</span>

文章が改行した場合に、Mac IE(OS9, OSX)で画像が縦方向に繰り返し表示されてしまいます。対策を教えて下さい。よろしくお願い致します。

参考アドレス:
http://blog.so-net.ne.jp/atsuya-furuta/
(”前の10件”のところがこのような記述になっています。こちらは改行はありません。)

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:mizunoto No.1

回答回数13ベストアンサー獲得回数0

ポイント50pt

そもそも<span>はインライン要素のまとまりの筈ですから改行はない筈です。

なので<span>ではなく<div>や<p>に変更すれば問題ないと思います。

実際試してみましたが、上記部分を改善すればきちんと見る事が出来ました。

id:ukp

できました。おはずかしい。ありがとうございました。

2005/04/13 23:15:15
  • id:smoking186
    本題に関係の無い指摘

    例として
    <p>span外<span>span内
    span内</span>span外</p>
    というのを考えると改行は十分ありえます。はい。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません