WEB制作 - 2020-09-21 13:05:00
画像に謎の余白やマージン！削除する方法（HTML / CSS）
結論としては、画像に謎の余白が開く場合は、CSSで
vertical-alignを指定することで、解決できた。
詳しいことは、調べてないけど、JPEG画像で余白は確認されず、透過PNGを使用したときだけ、不要な余白が下の方に確認された。画像の種類で色々とあるのかもしれないし、ブラウザーによっても挙動が違うのかも。
画像の下のコンテンツに合わせたかったので、vertical-align:bottom; をCSSで指定することで、解決した。きっと上の余白の場合は、vertical-align:top;とかで良さそう。
TOP
read more ...
最新記事
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 + . コマンド、シフト、ドットの同時押しで隠しフ ...
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 ...