如何删除2个div之间的空白区域

Question

我有两个包含两张图片的div，但它们之间总是存在这种奇怪的微小空白。我尝试将css中的两个div的边距和填充设置为0，但它仍然不起作用。 这是我的代码：

pydicom

sys.executable

Answer 1

img是内联元素，默认为vertical-align:baseline，

你可以通过两种方式解决这个问题：

- 添加display:block

＆＃13;

＆＃13;

#selector {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}
#break-1 {
  display: block;
  margin: auto;
  padding: 0;
  width: 100%;
  height: 20px;
}
img {
  width: 100%;
  display: block
}

＆＃13;

<div>
  <img src="//placehold.it/100" alt="" id='selector'>
</div>
<div id="break-1">
  <img src="//placehold.it/100" alt="">
</div>

＆＃13;

＆＃13;

＆＃13;

- 添加vertical-align:bottom

＆＃13;

＆＃13;

#selector {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}
#break-1 {
  display: block;
  margin: auto;
  padding: 0;
  width: 100%;
  height: 20px;
}
img {
  width: 100%;
  vertical-align: bottom
}

＆＃13;

<div>
  <img src="//placehold.it/100" alt="" id='selector'>
</div>
<div id="break-1">
  <img src="//placehold.it/100" alt="">
</div>

＆＃13;

＆＃13;

＆＃13;