如何让图像填充100％的div如果“他们不适合”

Question

我有多个图像（50x50），我的网站宽度是980像素

我想用图像填充一行，没有任何差距。但是，如果没有任何CSS/JS /帮助，第20张图片就会排在第二排。

如何显示第20张图像的40％？

Answer 1

我自己找到了解决方案。

使用CSS来显示较短的宽度：

<?php 
    $img = ""; 
    $width = 50; 
    for($i=0;$i<20;$i++) { 
     if($i == 19) { 
      $width = 30; 
     } 
?> 
<img src="<?=$img;>" style="width: <?=$width;?>px; height:50px;" /> 
<?php 
    } 
?> 

Answer 2

在您container格：

#container{ 
    overflow:hidden; /* Hide the overflow */ 
} 

Answer 3

img:nth-child(20n) { width:30px; }