Question

我很难删除html元素之间的空格我尝试了display: inline-block，float: right，ul视图和许多其他方式。

正如您在下面的代码段中看到的那样，图像之间有一个空白区域。

＆＃13;

#brandpage-banners .brandpage-banner-container {
  float: right;
  width: 50%;
}

＆＃13;

<div id="brandpage-banners">

    <div class="brandpage-banner-container">
      <img src="http://cdn.shoesonline.co.il/uploads/2016/12/columbia_brand_page_medium_banner_2.png">
    </div>

    <div class="brandpage-banner-container">
      <img src="http://cdn.shoesonline.co.il/uploads/2016/12/columbia_brand_page_medium_banner_1.png">
    </div>

</div>

＆＃13;

那么，如何删除该空间？

编辑：边框实际上是图像的一部分。对不起伙计们，不管怎样，谢谢，傻！：|

请删除此帖！

Answer 1

我很确定白色边框是图像本身的一部分。

Answer 2

试试这个......

图像边框也有一些空白区域

＆＃13;

#brandpage-banners .brandpage-banner-container {
  float: right;
  width: 50%;
}
#brandpage-banners .brandpage-banner-container img {
  width: 100%;
}
#brandpage-banners {
  width: 100%;
}

＆＃13;

<div id="brandpage-banners">

  <div class="brandpage-banner-container">
    <img src="http://cdn.shoesonline.co.il/uploads/2016/12/columbia_brand_page_medium_banner_2.png">
  </div>

  <div class="brandpage-banner-container">
    <img src="http://cdn.shoesonline.co.il/uploads/2016/12/columbia_brand_page_medium_banner_1.png">
  </div>

</div>

＆＃13;

Answer 3

  #brandpage-banners .brandpage-banner-container {
    float: right;            
  }

 .brandpage-banner-container,.brandpage-banner-container img{
    position : relative;         
  }

<div id="brandpage-banners">

    <div class="brandpage-banner-container">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRirSq4E2oGo5aoyRERdKnUYMkk3hxiApQ86NCLRB_i0hiuiDQF">
    </div>

    <div class="brandpage-banner-container">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRirSq4E2oGo5aoyRERdKnUYMkk3hxiApQ86NCLRB_i0hiuiDQF">
    </div>

</div>

Answer 4

试试这个：

#brandpage-banners .brandpage-banner-container {
  float: left;
  width: 50%;
}

#brandpage-banners .brandpage-banner-container img{
  display: block;
  max-width: 100%;
  margin: auto;
}

Answer 5

#brandpage-banners .brandpage-banner-container {
    float: right;
    width: auto;
}

如果你使宽度自动，它将起作用。

Answer 6

我试过它是图像边框而不是元素。我只是保存，并且用Photoshop边框打开是四面八方。

HTML＆amp; CSS：不能删除elemens之间的间距

6 个答案: