高度自适应宽度200像素 div文字垂直水平居中

可以使用以下CSS样式实现：

div {
  height: 200px;
  width: auto;
  max-width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

这里使用了flex布局，将div的内容垂直水平居中。height设置为200px，width设置为auto，max-width设置为200px，这样div的宽度会自适应内容，但不会超过200px。

相关问题

高度自适应 宽度200像素 div文字垂直水平居中

可以使用以下CSS样式实现：

div {
  height: auto;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

这里同样使用了flex布局，将div的内容垂直水平居中。height设置为auto，宽度设置为200px，这样div的宽度会固定为200px，但高度会自适应内容。

css 如何让div自适应屏幕水平垂直居中

可以使用以下 CSS 属性和值来让 div 自适应屏幕并水平垂直居中：

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

这里使用了 `position: absolute` 将 div 从文档流中脱离，然后使用 `top: 50%` 和 `left: 50%` 让 div 的左上角定位在页面的中心位置。接着使用 `transform: translate(-50%, -50%)` 将 div 向左上方移动自身宽高的一半，从而实现水平垂直居中。