css - 如何将 div 置于位置为 :absolute? 的另一个 div 中

Question

#logo {
    position: absolute;
    width:100%;
    height:100%; 
    text-align: center;
}
#logo-img img {
    float:left;
    height: 4.3vw;
}
#logo-text {
    float:left;
    font-size:2vw;
}

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

我试过添加 left:50%;right:50% 但它没有在中间水平对齐。在我的情况下水平对齐 div 的正确方法是什么？

JSFiddle:http://jsfiddle.net/8s0q9cyq/

Answer 1

我改进了 Praveen 的回答:https://jsfiddle.net/9mpgdqzf/

不要仅使用带有 ID 的 div 来为 IMG 提供样式。 Img 可以拥有 ID 并将所有属性直接继承到其中，您的 HTML 变得更干净、更轻巧；)

<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;
}