Отключить растяжку flex при переносе

93
17 сентября 2019, 15:40

При указании значения flex: 150px, элементы в контейнере растягиваются так, чтобы заполнить всю ширину родителя. Но нужно, чтобы при переносе этих элементов их ширина на новой строке была равна ширине элементов на предыдущей. К примеру есть 10 элементов: 6 на одной строке и 4 на другой. У каждого элемента на первой строке ширина 165px, и на второй нужна такая же, однако она больше за счет меньшего количества элементов.

.container {
    display: flex;
    flex-wrap: wrap;
}
.container > .item {
    flex: 150px;
}

Есть еще вариант позиционировать элементы с помощью justify-content: space-between, с фиксированной шириной но разными отступами. Однако тогда нужно, чтобы на последнем ряду элементы позиционировались по левому краю.

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.container > .item {
    width: 150px;
}

В общем мне нужно решение хотя бы на один из данных случаев.

READ ALSO
jquery datatable refresh

jquery datatable refresh

есть две таблицы, которые заполняются сходя из результатов одного аякс запросакак обновить таблицу после повторно аякса запроса?

76
Сложение квадратов цифр числах, пока не станет 1

Сложение квадратов цифр числах, пока не станет 1

Нужно написать функцию, которая возьмет число, и сложит квадрат каждой его цифры, пока не станет 1, если конечно с этим числом это возможноНапример:

79