html - 将具有固定宽度LIs的UL以动态宽度居中

我已经在网上搜寻了有关此问题的答案，但无济于事。

是否可以将包含固定宽度LI的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>

重要的是，LI不在UL内部居中。

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

在此先感谢您的帮助！

最佳答案

默认情况下，ul的宽度也是100％。
要将其居中放置在周围的div中，您需要为ul设置width。

这是一个例子：

<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的margin-left是width的一半。