画像が表示でnull; this.src

<img src="123.jpg" alt onerror="this.onerror = null; this.src='';"/>
この123.jpの部分はデータベースを読み込んでいますが、そのデータが空の場合、画像がないときに表示される×を見えないように記述しています。ですが・・
<img src="　" alt onerror="this.onerror = null; this.src='';"/>
<img src="　" alt onerror="this.onerror = null; this.src='';"/>
<img src="　" alt onerror="this.onerror = null; this.src='';"/>
<img src="123.jpg" alt onerror="this.onerror = null; this.src='';"/>
となると×の表示はなくても4つ目の画像までに隙間ができてしまいます。
隙間ができないように詰めて表示できるようにするにはどうしたら良いでしょうか？

No.2 ベストアンサー 回答者： fujillin 回答日時： 2022/04/19 12:04

こんにちは

＞隙間ができてしまいます。
要素が表示されてはいるので、それが隙間に見えているのでしょう。
　this.style.display='none'
などにすることで、レイアウト上は無視されると思います。

この回答へのお礼

できました！ありがとうございました

お礼日時：2022/04/19 15:42