怎么调整flex布局，才能让每一行的元素为2^n个？

Question

已知有DOM树

<ul>
    <li> 1 <li>
    <li> 2 <li>
    ...
    <li> n <li>
</ul>

ul {
    display: flex;
    flex-wrap: wrap;
}

li {
    width: 50px;
    flex: 1;
}

ul的宽度是响应式的，在不使用js的前提下，改变ul的宽度，令每一行的li个数都是2^n(n∈N*)个。

Answer 1

flex 是 弹性布局，不是 为所欲为 布局