Question

我的div宽度为100％。在里面我有4张图片。如何拉伸图像使其宽度相等，以使窗口或图像之间不存在空格。

一个包含四个单元格的表格行，每个单元格都使用width:100%;进行样式设置，这似乎是简单的解决方案但我知道，即使提出这个建议，我也会尖叫。：）

Answer 1

如果您的div的宽度是100％，并且您有四个div，需要平均分配该空间，而不是将100除以4，这样就可以得到25.因此将它们的宽度设置为25％。还要确保剥离任何边框/边距。那会搞砸。

.myDivs{
  width: 25%;
  margin: 0;
  border: 0;
  float: left; // Forces divs to flow left to right as opposed to down.
}

Answer 2

你可以像这样设置宽度

<div style="width:100%;height:300px;padding:0;">
    <img src="path" width="25%;padding:0;margin:0;"/>
    <img src="path" width="25%;padding:0;margin:0;"/>
    <img src="path" width="25%;padding:0;margin:0;"/>
    <img src="path" width="25%;padding:0;margin:0;"/>
</div>

因为div具有宽度，所以将考虑

的25％宽度

在div中同等地拉伸4个元素

2 个答案: