Як зробити дитину divs заповнювати пробіл parent div з полями? - javascript, jquery, html, css, jquery-ізотоп

У мене є набір дитячих divs всередині батьківського divщо має задану ширину. Елементи об'єднані за допомогою ізотопу, але я не використовую режим макета ізотопів, оскільки вони не працюють для мене з точки зору інтервалу.

Те, що я намагаюся зробити, це диви, які заповнюють простір батьків, так що в крайньому правому кутку немає прогалин, і що кожен div має запас і запас. Поки що він працює так:

Як ви можете бачити divs мають правильну маржуправо і зверху, але те, що я хочу зробити, це зупинити запас на останніх пунктах кожного рядка. Проблема тут полягає в тому, що деякі диви мають різну ширину. Вирівнювання повинно мати ту ж саму точку, що й верхній правий квадрат, як ви можете бачити на зображенні.

Використаний мною css є таким:

.global-post{
padding: 0;
height: 400px;
float: none;
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: top;
width: 308px;
}

Це створює ширину вужчих елементів, а потім ширші проекти мають різні значення ширини.

Чи може хто-небудь вказати мені в правильному напрямку для виправлення проблеми?

Відповіді:

Дайте a negative left margin до row люблю margin-left: -20px і додати left margin до кожного div всередині цього row люблю margin-left: 20px;

    <div class="row">
<div class="span">1</div>
<div class="span">2</div>
<div class="span">3</div>
<div class="span">4</div>
</div>

<div class="row">
<div class="span">1</div>
<div class="span">2</div>
</div>


.row{
margin-left: -20px;
}

.span{
margin-left: 20px;
}