相关疑难解决方法(0)

可以说我有一个带有字体真棒图标和一些文字的引导按钮:

<div>
    <i class='icon icon-2x icon-camera'></i>
    hello world
</div>

如何使文本垂直居中显示？文本现在与图标的下边缘对齐:http://jsfiddle.net/V7DLm/1/

编辑: 我有一个可能的解决方案:http://jsfiddle.net/CLdeG/1/但它感觉有点hacky - 介绍额外的p标签,使用左拉和显示:表.也许有人可以建议一个更简单的方法

我有问题在父div中居中图标(垂直和水平).我的divs页面上有很多不同大小的父级,所以我希望能够按比例将图标放在每个父级div的中心.这是问题的JSFiddle:

http://jsfiddle.net/kVHbV/

HTML

<div class="img_container">
  <i class="icon-play-circle"></i>
</div>
<br>
<div class="img_container2">
  <i class="icon-play-circle"></i>
</div>

CSS

.img_container{
    width:100px;
    height:100px;
    position:relative;
    background:red;
}

.img_container2{
    width:100px;
    height:50px;
    position:relative;
    background:blue;
}

.icon-play-circle{
    position:absolute;
    top:45%;
    left:45%;
    color: white;
}