imgとimgの間の余白を消す。
例えば、こんな感じに画像を表示したい場合、
<img src="img/1.png">
<img src="img/2.png">
<img src="img/3.png">
<br>
<img src="img/3.png">
<img src="img/1.png">
<img src="img/2.png">
こんな風に記述すると、こうなる。
marginやpaddingを0にしても消えない。
これは、改行が隙間を作ってしまっているので、
<img src="img/1.png"><img src="img/2.png"><img src="img/3.png"><br>
<img src="img/3.png"><img src="img/1.png"><img src="img/2.png">
こうすれば解消する。
それでも、こんな風に隙間が空いてしまう場合は、
<div>
<img src="img/1.png"><img src="img/2.png"><img src="img/3.png"><br>
<img src="img/3.png"><img src="img/1.png"><img src="img/2.png">
</div>
<style>
div{
line-height: 0;
}
</style>
こうする。
もしくはこれでも可。
<div><img src="img/1.png"><img src="img/2.png"><img src="img/3.png"></div>
<div><img src="img/3.png"><img src="img/1.png"><img src="img/2.png"></div>
<style>
div{
line-height: 0;
}
</style>
Author And Source
この問題について(imgとimgの間の余白を消す。), 我々は、より多くの情報をここで見つけました https://qiita.com/mimoe/items/e03a209af88e54bbd8f4著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .