Html 在具有动态宽度的div中居中具有固定宽度LIs的UL

我已经在网上搜寻这个问题的答案，但没有结果

是否可以将包含固定宽度LIs的UL置于100%宽度的DIV中居中

<div style="width:100%;max-width:1400px;">
    <ul>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
    </ul>

重要的是，LIs不在UL内居中

编辑：UL的宽度也必须具有动态宽度，以便填充动态宽度DIV

提前感谢您的帮助

默认情况下，ul的宽度也是100%。 要使其在周围的div内居中，需要将宽度设置为ul

下面是一个例子：

<div style="width:100%;max-width:1400px;">
    <ul style="width: 300px; left: 50%; margin-left: -150px;">
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
        <li style="width:280px;height:280px;>
    </ul>
</div>

请注意，ul左边的边距是其宽度的一半。

那怎么办

<div style="width:100%;max-width:1400px;">
<ul style="margin:auto; width:280px">
    <li style="height:280px;>d</li>
    <li style="height:280px;>d</li>
    <li style="height:280px;>d</li>
    <li style="height:280px;>d</li>
    <li style="height:280px;>d</li>
    <li style="height:280px;>d</li>
    <li style="height:280px;>d</li>
</ul>
</div>e

---

尝试向ul添加一个类，例如

ul.centerUL{ 宽度：500px； 边距：0自动；使元素居中

---

}

是否希望li元素位于一行或一列中？当div小于7x280px时，该行将自动变为两行或更多行。