如何在溢出中对齐图像：隐藏的div

Question

I have this div:

<div style="width:10px;height:10px"></div>

Inside this div I need to put some images that have the same width as the div but have a different height. I don't know how many images there will be as they are dynamically generated.

If I put 2 images of height:7px it will show 2 images one after the other like this: The first one appears completely and the second one is cut off just under half way.

http://conta.md/rafturi/schita.png

I want that the last image to appear completely and the other image above to be truncated, if there is not enough space in the div.

Full Code

<div style="float:left;width:<?=$raft[$j]['latime_produs'];?>px;height:<?=$inaltime_p‌roduse;?>px;">
    <?php for ($o=0;$o<$cate_peste;$o++) { ?>
        <img src="../xyza/<?=$raft[$j]['poza_produs'];?>" width="<?=$raft[$j]['latime_produs'];?>" height="<?=$inaltime_produs;?>" />
    <?php } ?>
</div>

Answer 1

Use min-width & min-height instead of using width & height

<div style="min-width:10px;min-height:10px"></div>