ここから本文です

<div id="test"><img>あいうえお</div>

jjf********さん

2017/4/3009:33:53

<div id="test"><img>あいうえお</div>

といったボックス要素があるとして、スマホページでimgだけ残して、あいうえおを消したいんですが、その場合、あいうえおを<span>で囲って display:none; しないと駄目ですか?

ソースに書き足さずにこのまま<img>だけ表示させることはできますか?

閲覧数:
144
回答数:
7

違反報告

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

acc********さん

2017/5/120:50:04

jjfkeicさん

JavaScript使えばできますけど、スタイルシートだけじゃ無理じゃないかな?例えばjQuery使って、$('#test').html('<img>');みたいなことすれば、あいうえおは消えますよ。replace()使ってあいうえおを消してもいいだろうけど。

それか、jQuery使わないで単にJavaScriptなら、
document.getElementById('test').innerHTML = '<img>';
とか。

  • acc********さん

    2017/5/213:15:57

    それか、もしimgのpositionをabsoluteで指定して良いなら、

    #test{margin-left:-9999px;}
    #test img{position:absolute;top:0;left:0;}

    とかしておけば、画像だけ表示できるかと。

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

  • 取り消す
  • キャンセル

この回答は投票によってベストアンサーに選ばれました!

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

1〜5件/6件中

並び替え:回答日時の
新しい順
|古い順

web********さん

2017/5/211:14:29

既に、6人が回答しているにも関わらず質問者さんは質問内容に誤りがあることに気づかないのでしょうか?
>ボックス要素
ってなってますが、ブロック要素ですから、大半の回答者さんの混乱を招いてしまったのではないですか

憶測ですが

jun********さん

2017/5/115:09:46

>ソースに書き足さずにこのまま<img>だけ表示させることはできますか?


ソースに書き足さずに・・・という話なんですが、CSSの記述は可なの?
「display:none;」が、どうとか書かれてますし、そういう回答が付いてるようなのですが。

何が可で、何が不可なのか判別できないのですが。

ソースを書き足さずに・・・というのであれば「あいうえお」を消す・・・ってのが言葉どおりであれば、ある意味正しいような話なんですが。

・・・そういうのを求めているのではないんじゃないの?

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

  • 取り消す
  • キャンセル

湯だぬきさん

2017/5/111:29:07

<span>タグはstyle属性とセットで使う。




<html>
<head>
<table border="5" bgcolor="blue"><tr><td>
<title><div align="center">俺に可能な説明をindex.htmlを作成してみて見ては?</div></title>
</head>
<body bgcolor="red">
<div align="center"><h1>大見出しを使っての<br>spanの基本の使い方を<br>現在ある某Wi-Fi使用の余裕の無い状態での<br>即興で説明しますので、<br>至らない所があれば、ご勘弁を。</h1></div>
<h6><p align="center">その他改行も出来ますよ。</p></h6>
<h2><span style="color: white;"><p align="center">各種色<br>〔6のカラーコード16進数で表される2桁づつに分解可能な赤・緑・青〕<br>00からFFまで256段階の数字で指定可能。;">文字を入力〔リンクなど、アイコン、その他画像なども含む。〕各種色〔6のカラーコード16進数で表される2桁づつに分解可能な赤・緑・青〕<br><div align="center">00からFFまで256段階の数字で指定可能。</div></span></p></h2>
</tr></td></table>
</body>
</html>

イメージにスパン付けて?その、あいうえおってのはアイコン?

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

  • 取り消す
  • キャンセル

hen********さん

2017/5/107:24:56

CSSで、imgタグに:after でその後の文字を指定して非表示にするということはできます。
http://www.monosus.co.jp/posts/2015/12/000111.html

[LAN]さん

2017/4/3016:27:15

http://liveweave.com/xqUkDi

こんな感じ?

最初から文章として認識されないので,SEO的にも無難かと

http://liveweave.com/xqUkDi

こんな感じ?...

この質問につけられたタグ

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

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

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

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

閉じる

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

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

閉じる