如何在HTML中更改行时删除空格?

时间:2015-04-10 11:17:05

标签: html

第一张和第二张图像之间有空格。 如何在HTML中更改行时删除空格?



<div>
  <img src='http://lorempixel.com/100/100/abstract/1' />
  <img src='http://lorempixel.com/100/100/abstract/2' /><img src='http://lorempixel.com/100/100/abstract/3' />
</div>
&#13;
&#13;
&#13;

4 个答案:

答案 0 :(得分:0)

您必须修改图片的边距:

img {
    margin-left: -4px;
}
祝你好运:)

答案 1 :(得分:0)

使用css

<style>
    div img {
        margin: 0;
        padding: 0;
    }
</style>

答案 2 :(得分:0)

尝试使用css float属性

img { 
  float: left;
}

答案 3 :(得分:0)

您可以使用float:left来避免不需要的空间,或者只是将html标记放置在<img src="" /><img src="" /><img src="" />之类的空格中 的 HTML

<div class="divClass">
    <img src="">
    <img src="" /><img src="" />
</div>

<强> CSS

.divClass img{
    float:left;
}