如何按行数显示某些列表元素

<div class="container">
    <ul>
        <li>元素1</li>
        <li>元素2</li>
        <li>元素3</li>
        <li>元素4</li>
        <li>元素5</li>
        <li>元素6</li>
        <li>元素7</li>
        <li>元素8</li>
        <li>元素9</li>
        <li>元素10</li>
    </ul>
</div>

.container {
    display: flex;
    flex-wrap: wrap;
    height: 100px; /* 容器的高度 */
    overflow-y: auto; /* 超出容器高度时显示滚动条 */
}

li {
    width: 100px; /* 列表元素的宽度 */
    height: 50px; /* 列表元素的高度 */
    margin: 5px; /* 列表元素之间的间距 */
}