CSS 实现屏幕居中十字架形状

要实现这个需求，可以使用 CSS 和 HTML 来实现。下面是一个简单的实现示例：

HTML 代码：

<div class='cross'>
  <div class='horizontal'></div>
  <div class='vertical'></div>
</div>

CSS 代码：

.cross {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
}

.horizontal, .vertical {
  position: absolute;
  background-color: black;
}

.horizontal {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
}

.vertical {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
}

上述代码中，我们使用了 position: fixed 将十字架固定在浏览器窗口中，top: 50%; left: 50% 将其定位到屏幕中间位置，transform: translate(-50%, -50%) 将其水平和垂直居中。.cross 类设置了十字架的宽度和高度。.horizontal 和 .vertical 类分别设置了水平和垂直线的样式。

你可以将上述代码复制到一个 HTML 文件中并在浏览器中打开，就可以看到实现了居中的十字架形状。