首先，在HTML中添加一个
元素：
<div id="centered"> <p>这是一个要居中显示的元素</p> </div>
接下来，使用CSS来定义该元素的样式，实现居中显示。一种常见的实现方法是使用绝对定位方式和自动计算margin值的方式：
#centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}以上代码中，position属性的值为absolute，意味着该元素将相对于其父元素进行定位。top和left属性的值都设置为50%，意味着该元素将会水平和垂直居中。transform属性的值为translate(-50%, -50%)，也是为了水平和垂直居中，实现了“居中偏移”的效果。
通过以上方式，可以让
元素居中显示。需要注意的是，父元素的width和height属性应该设置为固定值，才能使这种方法生效。