Как задать количество итемов в ряду?

Пожалуйста, подскажите
Есть div, ширина в %. В нем сеткой идут потомки.
Как можно указать, какое количество потомков может быть в одном ряду (кол-во прилетает в скрипт на вход).
Ширину потомкам задавать нельзя, в т ч и в %.

Хочется что-то типа

<style>
.parent
{
     max-count-item-in-row: 10;
}
</style>
<div class="parent">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
   <div class="item"></div>
   <div class="item"></div>
....
</div>

Сейчас считаю ширину итема через js в процентах, но что-то это как-то костыльно. Хочется красивое решение на html+CSS