500px.com计算套装（或专辑）中的图像数量

Question

我正在努力弄清楚如何进行完美的计算， 并在此基础上使用PHP代码调整我输出到模板（HTML）的div块。

这是我想要做的照片：

但是，我不知道如何通过数学和计算精确地输出这个输出。如果有人知道这是如何按百分比计算的那么一个，请随意分享数学，谢谢！

Answer 1

我不确定这是你想要的，因为它不是基于％宽度，但我相信它会让你走上正轨。

JSFiddle Demo

<强> HTML：

<div class="container">
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
</div>

<强> CSS：

.container {
    width:900px;
    height:220px;
}
div .image {
    width:100px;
    height:100px;
    background:#cdcdcd;
    display:inline-block;
}
div .image:nth-of-type(1) {
    min-width:205px;
    min-height:205px;
    float:left;
    margin-right:5px;
}
div .image:last-of-type {
    background:#0099FF;
    color:#fff;
}

您可以轻松地将其调整为％宽度以满足您的需求，但由于您没有发布任何代码，因此无法使用。如果这样可以解决您的问题，请告诉我。