如何修剪图像的底部？

Question

我正在尝试切断图像的底部，以便下一行图像合适。我试图削减底部，但它没有奏效。我希望下边缘与旁边的图像一致。

以下是当前页面：My Page

img.left {
 padding: 0 12px 0 0;
 height: auto;
 float: left;
width: 33.33%;
 }`

目前的样子

Answer 1

您可以将图像放入div中，并使用css中的高度，宽度和溢出属性控制该div的大小。有点像这样;

<div class="control" style="height: 600px;overflow: hidden; width: 100%;">
    <img class="big" src="images/35473299826_50c6ced1ec_k.jpg" alt="boy 
     with ferry">
    <img class="right" src="images/34628953174_408fac96c3_z.jpg" 
     alt="flowers">
    <img class="left" src="images/34702862403_ddf655f873_z.jpg" alt="One of 
     my pictures">
</div>

输出对我来说是这样的; enter image description here