Html 水平居中对齐<；ul>；具有左对齐的行

我可以使用

文本对齐：居中
将水平列表居中，但我想知道如何使其在容器内居中，但使行向左对齐

我的容器有百分之宽度，所以我需要它在调整窗口大小和块重新排序时工作


请检查下面的示例图像以了解我的问题：

更新：


我需要将我的
放在
div.container
内，使用以下方法：

ul {
    margin: auto;
}

li {
    float: left;
}

将您的方框包装在另一个
div
中

然后，您可以使用
display:block；保证金：0自动，同时保持方框左对齐。
请参阅：

您已经知道使用
边距将
居中：自动
关键是调整其中的

您可以使用
float:left
或者：您可以设置
display:inline块
两者的效果相似，但并不完全相同。玩它

通过提供边距和百分比宽度，您可以播放w/大小和元素分隔

由于这些都是块级别的元素，它们将自动堆叠和包裹。
通过浮动或更改
的显示，可以使它们在父元素中保持左对齐（即
）

另外，通过使用单独的CSS类，而不是直接针对
元素，您可以灵活地处理问题，以备将来需要右对齐列表或其他选项时使用
 看到你的代码会很有帮助。你能做一个吗？是的，好主意，但我以后才能做，如果li的计数是fix，可以使用li:nt子（7）{margin:（any）px}，如果不是，就不能用你需要的css或html进行修复js@masoudsoroush不，li计数总是不同的（实际上是动态图像采集），当您更改屏幕宽度时，li应该“浮动”到另一行这增加了不必要的非语义标记&并不能完全回答这个问题。居中不是问题，而是如何首先将它们左对齐。ul和li已经是块级元素，可以直接应用边距和浮点数。@mc01实际上，问题清楚地说“保持它在容器内居中，但行向左对齐”，意思是保持框块居中，但向左对齐。然而，我确实错过了列表这一部分。我的意思是OP表示他们已经知道如何将整个列表居中。左对齐列表项似乎是问题所在。@mc01我认为他可以做其中一个，但不能同时做两个。我的不好。谢谢你的回答，但是我需要我的
是固定大小的，所以当你把屏幕变小时，他们应该重新排序，但不能变小。然后用固定的宽度代替百分比。