web前端让boby让所有标签在页面居中

Web前端中让所有元素在页面上居中通常可以通过CSS实现，这里提供一种常见的方法：

你可以将一个通用的样式应用于body或者其父容器，使其成为包含其他所有元素的相对定位容器，并设置`position: relative;`。然后，给所有的标签设置样式，比如`.centered`类，内容如下：

/* 设置body或父容器的样式 */
body {
  display: flex;
  justify-content: center; /* 使用flexbox布局，水平居中 */
  align-items: center; /* 垂直居中 */
  min-height: 100vh; /* 防止滚动，如果需要滚动可以换成height: auto; */
  position: relative;
}

/* 或者直接对一个父级容器如.container应用样式 */
.container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/* 给所有标签添加居中样式 */
.centered {
  position: relative; /* 如果元素本身不是块级元素，保持位置 */
  text-align: center; /* 文本水平居中 */
}

现在，只要你在HTML中给需要居中的元素加上`.centered`类，它们就会在页面上水平垂直居中了。