html设置div模块居中

要将一个div模块居中，可以使用以下方法：

1. 使用CSS的flexbox布局：

   <div class="container">
     <div class="centered-div">
       <!-- div内容 -->
     </div>
   </div>

   .container {
     display: flex;
     justify-content: center;
     align-items: center;
   }

2. 使用CSS的绝对定位和transform属性：

   <div class="container">
     <div class="centered-div">
       <!-- div内容 -->
     </div>
   </div>

   .container {
     position: relative;
   }
   .centered-div {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }

3. 使用CSS的grid布局：

   <div class="container">
     <div class="centered-div">
       <!-- div内容 -->
     </div>
   </div>

   .container {
     display: grid;
     place-items: center;
   }

这些方法都可以使div模块在其父元素中水平和垂直居中。