如何让 CSS 父盒子中垂直居中的子盒子文本位置不变？

发布日期： 2024-11-04 阅读量： 作者： 网络

如何让 css 父盒子中垂直居中的子盒子文本位置不变？

在 CSS 布局中，经常需要将子盒子在父盒子中垂直居中，同时保持文本位置不变。以下方法可以实现这一效果：

1. 透明度设置

使用 rgba() 来设置父盒子的透明度，而不是 opacity。这将允许子盒子保持不透明。例如：

.parent {
  background-color: rgba(0, 0, 0, 0.2);
}

随便看看