ミギムキ

[CSS] 画像がまだできていないimgタグにそれらしい高さの枠を仮設定したい

やりたいこと

サンプルコード

img[src=""] { display: block; position: relative; width: 100%; padding-bottom: 70%; border: 1px solid #eee; } img[src=""]::after { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 24px; white-space: nowrap; content: "※画像準備中※"; }

仕組み、解説、補足など

ご質問など受け付けています

記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。

ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。