我试图像fontawesome并要居中的图标:如何将我的图标水平和垂直居中?
<div class="col-md-2">
<i class="fa fa-bandcamp" aria-hidden="true"></i>
</div>
不使用一类特殊的待办这个有,我怎么可以用CSS管理?我尝试了文本对齐,中心等?
我试图像fontawesome并要居中的图标:如何将我的图标水平和垂直居中?
<div class="col-md-2">
<i class="fa fa-bandcamp" aria-hidden="true"></i>
</div>
不使用一类特殊的待办这个有,我怎么可以用CSS管理?我尝试了文本对齐,中心等?
如果你can use flexbox,它可以很容易地通过align-items
和justify-content
解决。添加border
只是为了显示div的一侧。
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-md-2" style="border: 1px black dotted; display: flex; align-items: center; justify-content: center; height: 50px;">
<i class="fa fa-bandcamp" aria-hidden="true"></i>
</div>
</div>
</div>
@downvoter谨慎解释? –
真棒老兄谢谢 –
等待,没有一类?为什么? –