結論としては、画像に謎の余白が開く場合は、CSSで
vertical-alignを指定することで、解決できた。
詳しいことは、調べてないけど、JPEG画像で余白は確認されず、透過PNGを使用したときだけ、不要な余白が下の方に確認された。画像の種類で色々とあるのかもしれないし、ブラウザーによっても挙動が違うのかも。
画像の下のコンテンツに合わせたかったので、vertical-align:bottom; をCSSで指定することで、解決した。きっと上の余白の場合は、vertical-align:top;とかで良さそう。
操作解説 2021-06-17
ここ半年、HomebrewでPHPを更新しようとして、「brew search php@7」としても、 Error: No formula ...
プログラミング 2021-02-17
Laravel8のroutes/web.phpに以下を指定したら、 Target class [App\Http\Controll ...
操作解説 2021-02-07
MacのFinderで隠しファイルを表示するときは、 command + shift + . コマンド、シフト、ドットの同時押しで隠しフ ...
プログラミング 2021-02-04
自分のブログに使っているWYSIWYGで、youtube動画の埋め込みを行うとPタグの入れ子として出力される。これにyoutube動画をレス ...
Web制作 2021-02-02
MacにはPHPがインストールされているので、ターミナルで以下のコマンドを入力。デスクトップに「space」というフォルダのindex.ph ...