如何使固定尺寸的主体(或div)始终位于页面的中心(甚至垂直!)

在云计算领域，固定尺寸的主体或div可以很容易地通过CSS实现居中显示。以下是一些方法，可以在HTML和CSS中实现固定尺寸的主体或div在页面的中心显示：

1. 使用CSS的“margin: 0 auto;”属性将主体或div居中。这个属性可以将页面上指定的元素在页面的水平中心位置对齐。

.center {
  margin: 0 auto;
}

在HTML中使用这种class：

<div class="center">固定尺寸的主体内容</div>

1. 使用CSS的“display: flex;”属性将主体或div垂直居中。这个属性将使用弹性盒子布局，将主体或div在垂直方向上居中。

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

在HTML中使用这种class：

<div class="center">固定尺寸的主体内容</div>

1. 使用JavaScript的“window.innerWidth”和“window.innerHeight”属性计算屏幕的宽度和高度，然后使用“top: 50%;”和“left: 50%;”属性将主体或div垂直居中。

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在HTML中使用这种class：

<div class="center">固定尺寸的主体内容</div>

以上是三种不同的方法，可以将固定尺寸的主体或div在页面的中心显示。可以根据具体的应用场景和需求选择适合自己的方法。