Как сделать бесконечное кол-во колонок без переноса, но с заданным размером?

Для создания бесконечного количества колонок без переноса, но с заданным размером, можно использовать CSS свойство column-width. Это свойство позволяет задать минимальную ширину каждой колонки и автоматически разделит содержимое на колонки без переноса.

Пример использования column-width:

.container {
  column-width: 200px;
}

В данном примере, все содержимое элемента с классом "container" будет автоматически разделено на колонки шириной 200 пикселей. Когда содержимое исчерпывает ширину одной колонки, оно будет размещаться в следующих колонках. Если содержимое не наполняет ширину одной колонки полностью, то в последней колонке может остаться свободное место.

Если хотите задать не только минимальную ширину колонок, но и максимальную, вы можете использовать свойство column-count вместе со свойством column-width. Например:

.container {
  column-width: 200px;
  column-count: auto; /* auto означает бесконечное количество колонок */
}

В этом случае, элемент с классом "container" будет разделен на колонки шириной 200 пикселей, но количество колонок будет автоматически регулироваться в зависимости от ширины контейнера. Содержимое будет заполнять все доступное пространство колонок без переноса.

Важно отметить, что поддержка свойств column-width и column-count может отличаться в различных браузерах, особенно старых версиях. Перед использованием этих свойств рекомендуется проверить их совместимость со всеми целевыми браузерами.