Question

假设您有一个面积为 100px X 100px 的区块 (div) 。

现在,我通过这个区块的一幅图像, 大小为100X100px。大小相同, 所以很合适。

现在的问题是:如果我有2、3或6张图像,我想让他们出现在100X100px盒子里, 那么最好的办法是什么?

例如:1 图像 - & gt; 100 * 100, 2 图像 50 * 每人50, 9 图像 33% * 每人33%。

图像的宽度和高度始终相同。

谢谢你的提示!

Answer 1

你回答了你自己的问题:-)

imageWidth = 集装箱 Width/ amountaminages (数字)

用来解决你的"字字"问题,你可以

imageWidth = 集装箱 Width/ amountimagesInRow

imageH8 = 集装箱H8/数字图像Incolumn

If you want to determine how many rows/col you need: define a minimum width an do some kind of

for(...)\\\\\\/code>



if 图像Width< minWidth 

 amodimages -= 1; 

imageWidth = 集装箱 Width/ amountaminages  (数字)



imagesInRow=数量图像;