Ul在DIV居中显示

在HTML中，如果你想让一个`<ul>`（无序列表）元素在`<div>`（块级容器）中水平居中显示，可以采用以下几种方法：

1. **CSS Flexbox**:
如果`<div>`设置了display: flex; 属性，你可以直接将`<ul>`作为其直接子元素，并添加align-items: center; 来达到垂直居中，同时使用 justify-content: center; 来使其水平居中。

<div style="display: flex; align-items: center; justify-content: center;">
   <ul>
     <!-- 列表项 -->
   </ul>
</div>

2. **CSS Grid**:
同样地，如果`<div>`用了display: grid;，则可以设置align-items 和 justify-items 属性来居中列表。

<div style="display: grid; place-items: center;">
   <ul>
     <!-- 列表项 -->
   </ul>
</div>

3. **绝对定位**:
使用CSS position属性将`<ul>`设为 absolute 并给包含它的 div 设置 position: relative 或 fixed，然后设置 left 和 top 为0，right 和 bottom 也可以设置为 0 使它完全居中。

<div style="position: relative; width: 100%; height: 100%;">
   <ul style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
     <!-- 列表项 -->
   </ul>
</div>