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

Question

我有多张图片（50x50），我的网站宽度为980像素

我想用图像填充一行，没有任何间隙。但是没有任何CSS / JS /帮助，第20张图片最终会出现在第二行。

如何显示20张图片的40％？

Answer 1

在container div上：

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

Answer 2

我自己找到了解决方案。

使用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 3

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