2015-09-22 128 views
0

我一直在寻找无处不在,我可以回想起之前我看到过这个解决方案,但没有找到它的运气。 是否有可能使图像没有围绕它的div,或被用作背景,但规模如此?使图像像背景图像一样调整大小

实施例:

<div class="container"> 
    <img src="example-1.jpg" class="50-100"> 
    <img src="example-1.jpg" class="50-100"> 
    <img src="example-1.jpg" class="25-50"> 
    <img src="example-1.jpg" class="75-50"> 
</div> 

如何将具有样式上述图像,使它们的50%的宽度和100%的高度的块(宽度容器,如一个将与填充底部用于做图像与背景)的前两个和宽度:25%,高度50%为第三和75%/ 50%为最后? 以这种方式,图像是块,图像本身裁剪以填充大小。

希望这是有道理...

+0

有没有你不希望使用一个div背景什么特别的原因 - 每个图像的图像? –

回答

1

我不确定,但是你可以使用:

width: 50%; 
height: 100%;