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

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

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

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

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


TOP
最新記事

アフィリエイト 2020-11-07 16:23:00

for($i=1;$i<=5;$i++){ $ori_img="item/0000001_$i.jpg"; // ...

read more ...

操作説明 2020-10-28 13:56:00

Macの容量を確認するには、画面左上のアップルアイコンをクリック! 「このMacについて」->「ストレージ」をクリックすると、表示さ ...

read more ...

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

動画のvideoタグの下に余計な余白・マージンを確認。 どうやらvideoタグは、インライン要素ということで、CSSなどで指定している行の ...

read more ...

雑記 2020-08-19 18:59:00

2年くらい前に200記事ほど書いて放置していたブログが思いのほか成長していたので、ボチボチ有効利用と老後の準備をしようかと。 内容はほとん ...

read more ...

WEB制作 2019-05-24 10:39:00

いろんな企業さんでアクセス解析を見ることが多いんだけど、昨日気づいたことがあった。 ドメインが一つに統一されていない。最近SSL導入が当た ...

read more ...