Html 如何在全屏div中垂直和水平居中调整img？

下面的代码显示徽标及其背景。我无法使徽标垂直居中。是否因为背景div没有定义高度？如何使背景始终为屏幕大小的100%，并带有居中的徽标

正文{
保证金：0；
}
#标题{
最小高度：100%；
宽度：100%；
位置：绝对位置；
背景色：#CCC；
}
.标志{
最大宽度：100%；
保证金：0自动；
显示：块；
位置：相对位置；
}

html，正文{
保证金：0；
身高：100%；
}
#标题{
最小高度：100%；
宽度：100%；
位置：相对位置；
背景色：#CCC；
}
.标志{
保证金：0自动；
保证金：自动；
位置：绝对位置；
顶部：0；左侧：0；底部：0；右侧：0；
边框：1px纯蓝色；
}

---

使用

绝对

位置

图像，使用

顶部

和

左侧

定位到

div的中心，然后使用
变换：平移

有密码


html，正文{
保证金：0；
身高：100%；
}
#标题{
身高：100%；
宽度：100%；
位置：相对位置；
背景色：#CCC；
}
.标志{
显示：块；
位置：绝对位置；
顶部：50%；左侧：50%；/*将图像左上角定位到中心*/
变换：平移（-50%，-50%）；/*左上移动图像的1/2*/
}
您可以在
.logo
类中使用此方法垂直居中。但你最需要定义你父母的身高，这样才能有效。
.logo{
最大宽度：100%；
保证金：0自动；
显示：块；
位置：相对位置；
顶部：50%；/*添加了代码*/
transform:translateY（-50%）；/*添加了代码*/
}
在徽标上设置固定宽度。例如：宽度：300px；也绝对定位徽标，然后查看相关链接-->