>[danger]Css中常用的垂直居中解决方案有哪些？ | 方案名称 | 解释 | | -------------------- | ------------------------------------------------------------ | | `vertical-align` 属性 | 用于控制元素内部的行内元素（如文本或图片）的垂直对齐方式。通常与 `display: table-cell` 结合使用，实现单元格内部的元素垂直居中。 | | `line-height` 属性 | 用于设置行内元素的行高，可以使单行文本元素垂直居中。但是如果元素高度超过一行，则无法实现垂直居中。 | | `flexbox` 布局 | 使用 `display: flex` 和相关属性可以实现容器内元素的水平和垂直居中。 | | `grid` 布局 | 使用 `display: grid` 和相关属性可以实现网格布局中元素的水平和垂直居中。 | | 绝对定位 + 负边距 | 将需要垂直居中的元素绝对定位到容器中心，然后通过负边距调整元素位置。 |