h5如何在pc端居中保持水平垂直居中显示

要在PC端居中保持水平垂直居中显示，可以使用CSS的flex布局和一些简单的属性设置。

首先，在HTML的父元素中设置display:flex;justify-content:center;align-items:center;这三个属性实现水平垂直居中。

然后，在CSS中设置父元素的高度和宽度，让它与子元素相同大小，并设置子元素的margin为auto，这样就可以实现水平居中。

接着，在子元素中设置display:inline-block;vertical-align:middle;实现垂直居中。

最后，在子元素中添加要居中显示的内容即可实现在PC端居中保持水平垂直居中显示。

以下是示例代码：

HTML部分：

<div class="wrapper">
   <div class="content">
       <h1>居中显示</h1>
   </div>
</div>

CSS部分：

.wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   width: 100%;
}

.content {
   height: 300px;
   width: 300px;
   margin: auto;
   display: inline-block;
   vertical-align: middle;
   text-align: center;
   background-color: #ccc;
}

h1 {
   margin: 0;
}