Question

I have three images in a container that should be stacked seamlessly, but there is some padding occurring between them.

http://www.arbitersolew.net/media/>。

左边的集装箱中的三个大吨是所涉的。

集装箱编码:

CSS

#mainBoxFull {
    background-image: url(/img/cont/mainfull.jpg);
    float: left;
    height: 560px; 
    width: 560px; 
    margin: 0px; 
    padding: 20px;
}

传真

<div id="mainBoxFull">
    <img src="/img/btns/media/bgal.jpg" alt="screenshot" width="560" height="180" border="0" />
    <img src="/img/btns/media/bvid.jpg" alt="videos" width="560" height="200" border="0" />
    <img src="/img/btns/media/bsoon.jpg" alt="coming soon" width="560" height="180" border="0" />
</div>

Answer 1

问题是,图像是一线锁。也就是说,他们之间的空间计算在内。这些空间是你pa的。用途

#mainBoxFull img { display: block; }

这个问题应当消失。或者,你可以将散射和成像元素(all<>/em>白色空间)之间的源超中白空间移走。

Answer 2

解决同一问题的另一个办法是:

#mainBoxFull{ font-size:0; }

它无视双方之间的所有白色空间。 + 在你有案文的地方,你可以保持体积。

友情链接