在网页中，我们经常需要对一些模块进行居中展示。为了使页面的布局更加美观，使用 CSS 对模块进行居中处理是非常重要的。

下面，我们介绍几种常用的设置模块居中的方法：

一、使用 margin 和 position 属性

// HTML 代码<div ><p>这是一个模块</p></div>// CSS 代码.wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

在这种方法中，我们使用 position 属性将模块设置为绝对定位，再使用 top 和 left 属性将模块移动到屏幕的中央位置。最后，使用 transform 属性对模块进行微调，使其完美居中。

二、使用 flexbox 布局

// HTML 代码<div ><p>这是一个模块</p></div>// CSS 代码.wrap {display: flex;justify-content: center; align-items: center;}

在这种方法中，我们使用 display 属性设置 flexbox 布局，再使用 justify-content 和 align-items 属性将模块对齐到容器的中央位置。

三、使用 grid 布局

// HTML 代码<div ><p>这是一个模块</p></div>// CSS 代码.wrap {display: grid;place-items: center;}

在这种方法中，我们使用 display 属性设置 grid 布局，再使用 place-items 属性将模块对齐到容器的中央位置。

以上就是几种常用的设置模块居中的方法，具体使用哪种方法，可以根据实际情况来选择。