Вопрос по вёрстке: резиновый padding

На примере:
предположим, что разрешение экрана 1366x768
размер тумбы 320X240
стиль width: 100%; height: 100%;

Влезает 4 тумбы(1280), остаётся 86.

Вопрос: как стилем распределить поровну оставшееся место между тумбами?
Что бы padding растягивался относительно разрешения.

Обычно padding фиксированный,
а остававшееся место распределяется по краям.

Мне надо что бы расстояние между тумбами было как можно больше, но не в ущерб количеству тумб в ряд.

Предположим, что в ряд может влезть 5 тумб с padding 1 - значит путь будет так.
Но если в ряд никак не может влезть пятая тумба даже с padding 1,
то пускай будет 4 тумб, и оставшееся место растянет padding.

То есть в первую очередь количество тумб в ряд (в ущерб padding).

Возможно такое сделать?

такое возможно на flexbox-е сделать
http://maxsite.org/page/flexbox
http://html5.by/blog/flexbox/

Если юзера с сафари побоку, то да, можно и на флексе.

Veronique писал:

Если юзера с сафари побоку, то да, можно и на флексе.

Всмысле? Работает там флекс.

интересная вещица этот flex
https://www.w3.org/TR/css-flexbox-1/
https://webref.ru/css/flex

flex - это типа убийца бутстрапа и подобных сеточных css фреймворков?

Это просто что то новой возможности в стилях, которую стали поддерживать новые версии браузеров.

Задачи выполняет очень похожие.

да флекс, только он чето на телефонах не работает.

Rukamy: Nokia?!

S_Flash писал:

Rukamy: Nokia?!

Ну в моем случае айфон и андроид 4.3 почему то текст накладывался друг на друга, когда 2 колонки перестроились в одну. Не знаю почему.

тут http://caniuse.com/#search=flex как раз указано андройд с 4.4, заметка для 4.2-4.3

начиная с ИЕ9 - вполне себе в css работает - calc()

не работает в ведроиде и иосе
но на этих девайсах мы знаем конретное разрешение экранов потому можно и железно задать нужные параметры

ну и опять же почему-бы не использовать % размерность для тумб? +/- пару пикселей в отступах погоды не сделают