li 行排序，当满足N个后自动换行，如何实现

可以使用 CSS 的 float 属性来实现 li 元素的行排序，并且在满足一定数量后自动换行。具体方法如下：

1. 首先，给 li 元素设置 float: left;，使其可以浮动在同一行上；
2. 然后，给 ul 元素设置 width，使其可以限制 li 元素的显示宽度；
3. 最后，可以根据需要设置 clear 属性，来清除浮动以及换行。

这样就可以实现 li 元素的行排序，并且在满足一定数量后自动换行的效果了。具体代码示例如下：

<style>
  ul {
    width: 500px;
  }
  li {
    float: left;
    width: 100px;
    height: 100px;
    margin: 10px;
    background-color: #ccc;
  }
  /* 每 4 个 li 元素清除浮动 */
  li:nth-child(4n) {
    clear: both;
  }
</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 元素会在同一行上进行排序，每个 li 元素都有固定的宽度和高度，并且之间有一定的间隔。同时在每 4 个 li 元素之后会自动换行。