ul{
overflow:hidden;
}
li{
display:inline-block;
}

我的HTML

<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
</ul>

我想把所有的我的项目对齐在一行,如果我做的一切都很好,除了当3或4个li填充我的身体的第一行,他们去第二行,我希望他们在一行和一切1行填满后将被“隐藏”

例如 ：：

//注意li持有句子不只是1个字母

现在输出::

a               b                c              d
      e                  f               g

所需输出::

a                 b              c              d         e      f  //all of them in 1 line and the rest of them are hidden 'overflow:hidden'