内联列表流体水平项，在下一行中展开扩展项（达到最小宽度）

Question

我在列表中有可变项目，我想将它们扩展到100％以达到可用的最大空间（在流体列中）。

<------------------100%----------------->
|---------|---------|---------|---------|
|    li   |   li    |    li   |   li    |
|---------|---------|---------|---------|

浏览器调整大小

：

<--------------100%--------------->
|-----------|----------|----------|
|     li    |    li    |    li    |
|-----------|----------|----------|
|     li    |
|-----------|

实际上在调整浏览器大小时：

<------------------100%-------------->
|---------|---------|---------|
|    li   |   li    |    li   |
|---------|---------|---------|
|    li   |
|---------|

所有项目的最小宽度为220px，我希望在达到最小宽度时自动展开项目。

         
• 1
         
• 2
         
• 3
         
• 4
         
• 5
         
• 6
＆＃13;
＆＃13;
ul {text-align:justify;border:1px solid #ccc;width:100%;overflow:hidden}
ul li {float:left;min-width:220px}
＆＃13;
<ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>
     <li>6</li>
</ul>
＆＃13;
＆＃13;
＆＃13;