css 位置在屏幕中间 |设置css边框的长宽

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

该代码将会在屏幕的中间水平和垂直方向上定位并居中一个元素，无论它的大小或类型是什么。在使用这种方法时，需要明确指定元素的宽度和高度。

另一种方法是使用flexbox布局，如下所示：

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

该代码将会设置一个容器，将其内部的元素居中。此方法对于需要将多个元素居中非常有效，特别是当它们具有不同的尺寸和定位要求时。

总的来说，CSS提供了许多方法来使元素在屏幕中心对齐。选择哪种方法很大程度上取决于具体的情况和需求。