有很多个li元素，然后设置了一行排序，如何设置成三行进行自动换行排序

可以使用 CSS 的 flex 布局来实现 li 元素的自动换行排序。具体方法如下：

1. 首先，给 ul 元素设置 display: flex; 和 flex-wrap: wrap;，使其可以自动换行；
2. 然后，给 li 元素设置 flex-basis: calc(33.33% - 10px); 和 margin: 5px;，使其在一行中占据 33.33% 的宽度，并且之间有 5px 的间隔；
3. 最后，可以根据需要给 ul 元素和 li 元素设置其他样式，如宽度、高度、字体大小等。

这样就可以实现 li 元素在三行中自动换行排序的效果了。具体代码示例如下：

<style>
  ul {
    display: flex;
    flex-wrap: wrap;
  }
  li {
    flex-basis: calc(33.33% - 10px);
    margin: 5px;
    /* 其他样式 */
  }
</style>

<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>
  <li>内容11</li>
  <li>内容12</li>
</ul>

在这个示例中，li 元素会在 ul 元素的宽度内自动换行，并且在每行中自动排列成三列。