Css 如何在另一个div中居中放置位置：绝对？

#徽标{
位置：绝对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
}
#标志img{
浮动：左；
高度：4.3vw；
}
#标志文本{
浮动：左；
字体大小：2vw；
}

多洛雷斯

为什么不使用

文本对齐：居中

#徽标{
位置：绝对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
}
#标志img，
#标志文本{
显示：内联块；
垂直对齐：中间对齐；
}
#标志img{
显示：内联块；
高度：4.3vw；
}
#标志文本{
显示：内联块；
字体大小：2vw；
}

多洛雷斯

#徽标{
位置：绝对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
}
#标志img{
显示：内联块；
}
#标志img{
高度：4.3vw；
}
#标志文本{
显示：内联块；
字体大小：2vw；
}

多洛雷斯

我改进了Praveen的答案：

不要使用带有ID的div来给IMG赋予风格。Img可以拥有ID，并将所有属性直接继承到其中，您的HTML变得更清晰、更轻巧；）

多洛雷斯
#标志{
位置：绝对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
}
#徽标图像，#徽标文字{
显示：内联块；
垂直对齐：中间对齐；
}
#标志img{
高度：4.3vw；
}
#标志文本{
字体大小：2vw；
}

一旦你去除了那些不必要的浮动元素，我就必须进行升级：）我不知道

display:inline block

在我的情况下是一个必须的属性，谢谢你的帮助。@Tachi我还添加了一些额外的代码，使其与图像对齐。看一看！因此，投票权；P.@Tachi：这不是“必须的”，但要摆脱浮动：依我看，浮动会带来更多的麻烦

<div id="logo">
    <img id="logo-img" src="http://revistasindromes.com/images/100x100.gif" />
    <div id="logo-text">Lorem Ispum Dolores</div>
</div>

#logo {
  position: absolute;
  width:100%;
  height:100%; 
  text-align: center;
}

#logo-img, #logo-text {
  display: inline-block;
  vertical-align: middle;
}

#logo-img {
  height: 4.3vw;
}
#logo-text {
  font-size:2vw;
}