有没有办法将列表分成列？

<style>
    .list-item {
        float: left;
        width: 33.33%; /* 每列宽度为列表宽度的三分之一 */
    }
</style>

<div class="list">
    <div class="list-item">列表项1</div>
    <div class="list-item">列表项2</div>
    <div class="list-item">列表项3</div>
    <div class="list-item">列表项4</div>
    <div class="list-item">列表项5</div>
    <div class="list-item">列表项6</div>
</div>

<style>
    .list {
        display: flex;
        flex-wrap: wrap; /* 列表项超出容器宽度时换行 */
    }
    .list-item {
        flex: 0 0 33.33%; /* 每列宽度为列表宽度的三分之一 */
    }
</style>

<div class="list">
    <div class="list-item">列表项1</div>
    <div class="list-item">列表项2</div>
    <div class="list-item">列表项3</div>
    <div class="list-item">列表项4</div>
    <div class="list-item">列表项5</div>
    <div class="list-item">列表项6</div>
</div>

<style>
    .list {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 列表分为三列，每列宽度相等 */
        grid-gap: 10px; /* 列表项之间的间隔 */
    }
    .list-item {
        /* 可以添加样式来设置列表项的样式 */
    }
</style>

<div class="list">
    <div class="list-item">列表项1</div>
    <div class="list-item">列表项2</div>
    <div class="list-item">列表项3</div>
    <div class="list-item">列表项4</div>
    <div class="list-item">列表项5</div>
    <div class="list-item">列表项6</div>
</div>