我的网格图像库每行有四个图像。CSS 中的 width:25% 使宽度响应，但我需要高度也响应。目前我的高度为180px。我可以将其设置为百分比以使其像宽度一样响应吗？我已经尝试过，但是当我将其设置为百分比时，它不起作用。它仅在我将 height:x% 移动到 line1 img/line2 img 时才有效，但随后图像被压扁。
<div class="line1">
<img src="image1.jpg" alt="image1.jpg" />
<img src="image2.jpg" alt="image2.jpg" />
<img src="image3.jpg" alt="image3.jpg" />
<img src="image4.jpg" alt="image4.jpg" /></div>
<div class="line2">
<img src="image5.jpg" alt="image5.jpg" />
<img src="image6.jpg" alt="image6.jpg" />
<img src="image7.jpg" alt="image7.jpg" />
<img src="image8.jpg" alt="image8.jpg" /></div>
.line1{
overflow:hidden;
height:180px;
}
.line1 img{
width:25%;
}
.line2{
overflow:hidden;
height:180px;
}
.line2 img{
width:25%;
}