Html 如何垂直居中：在内容之后

我用的是：以后内容就这样了

.img-div:after {
    content: ".01";
    position: absolute;
    width: 76.9%;
    height: 55%;
    top: 10%;
    right: 2.5%;
    padding: 20px;
    background-color: #6758ef;
    opacity: .8;
    font-size: 59px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

我想知道如何使内容属性垂直居中

注意：我不能使用：before，因为我已经将其用于其他用途

---

您可以为

.img div

指定

宽度

、

高度

和

背景

，然后您可以使用

：在
轻松地将内容垂直和水平居中后，检查

希望这有帮助：）
您可以为
.img div
指定
宽度
、
高度
和
背景
，然后您可以使用
：在
之后轻松地将内容垂直和水平居中，检查

希望这有帮助：）

.img div父级{
显示：表格单元格；
文本对齐：居中；
垂直对齐：中间对齐；
背景色：#6758ef；
高度：200px；
宽度：200px；
}
.img部门：之后{
内容：“.01”；
位置：相对位置；
宽度：76.9%；
身高：55%；
右：2.5%；
不透明度：.8；
字体大小：59px；
字体大小：300；
颜色：#fff；
文本对齐：居中；
}


.img div父级{
显示：表格单元格；
文本对齐：居中；
垂直对齐：中间对齐；
背景色：#6758ef；
高度：200px；
宽度：200px；
}
.img部门：之后{
内容：“.01”；
位置：相对位置；
宽度：76.9%；
身高：55%；
右：2.5%；
不透明度：.8；
字体大小：59px；
字体大小：300；
颜色：#fff；
文本对齐：居中；
}
试试这个：

.img-div:after {
     line-height:197px;
     //Other codes...
}

197px为等高（55%）

请参见试试这个：

.img-div:after {
     line-height:197px;
     //Other codes...
}

197px为等高（55%）

请参见
.img div{
高度：300px；
宽度：300px；
}
.img部门：之后{
内容：“.01”；
宽度：76.9%；
身高：55%；
背景色：#6758ef；
不透明度：.8；
字体大小：59px；
字体大小：300；
颜色：#fff；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}

.img div{
高度：300px；
宽度：300px；
}
.img部门：之后{
内容：“.01”；
宽度：76.9%；
身高：55%；
背景色：#6758ef；
不透明度：.8；
字体大小：59px；
字体大小：300；
颜色：#fff；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
您必须通过添加
：before
和父元素来添加更多的上下文，以获得更多的提示答案。您必须通过添加
：before
和父元素来添加更多的上下文，以获得更多的提示答案。感谢帮助谢谢帮助谢谢帮助谢谢帮助谢谢帮助谢谢帮助