WEB制作 - 2020-09-21 13:05:00

画像に謎の余白やマージン!削除する方法(HTML / CSS)

結論としては、画像に謎の余白が開く場合は、CSSで
vertical-alignを指定することで、解決できた。

詳しいことは、調べてないけど、JPEG画像で余白は確認されず、透過PNGを使用したときだけ、不要な余白が下の方に確認された。画像の種類で色々とあるのかもしれないし、ブラウザーによっても挙動が違うのかも。

画像の下のコンテンツに合わせたかったので、vertical-align:bottom; をCSSで指定することで、解決した。きっと上の余白の場合は、vertical-align:top;とかで良さそう。


TOP
最新記事

PHP 2021-02-17 00:54:00

Laravel8のroutes/web.phpに以下を指定したら、 Target class [App\Http\Controll ...

read more ...

操作説明 2021-02-07 21:48:00

MacのFinderで隠しファイルを表示するときは、 command + shift + . コマンド、シフト、ドットの同時押しで隠しフ ...

read more ...

PHP 2021-02-04 13:19:00

自分のブログに使っているWYSIWYGで、youtube動画の埋め込みを行うとPタグの入れ子として出力される。これにyoutube動画をレス ...

read more ...

WEB制作 2021-02-02 17:03:00

MacにはPHPがインストールされているので、ターミナルで以下のコマンドを入力。デスクトップに「space」というフォルダのindex.ph ...

read more ...

WEB制作 2021-02-02 15:00:00

npm -g install でやたらとエラーが出て、困ったので忘備録。 ターミナルで npm のデフォルトディレクトリを作成する。 $ ...

read more ...