javascript - 「画像が収まらない」場合、画像をdivの100％に表示するにはどうすればよいですか？

Question

複数の画像（50x50）があり、サイトの幅は980ピクセルです

1行を隙間なく画像で埋めたい。しかし、CSS / JS /ヘルプがなければ、20番目の画像は2行目になります。

20枚目の画像の40％を表示するにはどうすればよいですか？

Answer 1

あなたのcontainerdivで：

#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; }