实现wrap在浏览器中水平和垂直都居中，需要设置的样式有

要实现一个元素在浏览器中水平和垂直都居中，可以使用 CSS 的 flexbox 布局。以下是一种方式：

HTML 代码：

<div class="wrapper">
  <div class="centered">这是要居中显示的内容</div>
</div>

CSS 代码：

.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 让 wrapper 占据整个浏览器窗口的高度 */
}

.centered {
  /* 这里可以设置要居中显示内容的样式 */
}

解释：

- `display: flex;` 表示将 `wrapper` 设置为 flexbox 布局。
- `justify-content: center;` 表示在水平方向上居中对齐。
- `align-items: center;` 表示在垂直方向上居中对齐。
- `height: 100vh;` 表示将 `wrapper` 的高度设置为整个浏览器窗口的高度，这样就可以让 `centered` 在垂直方向上居中。

这个方法比较简单，而且兼容性也比较好。希望这个例子可以帮助你实现你的需求！