Как я могу центрировать значок по горизонтали и вертикали?

Question

Я пытаюсь что-то вроде fontawesome и хочу, чтобы центрировать изображение:

<div class="col-md-2"> 
     <i class="fa fa-bandcamp" aria-hidden="true"></i> 
</div> 

без использования специального класса TODO это с, как я могу управлять с помощью CSS? Я попробовал текстовое выравнивание, центр и т. Д.?

Answer 1

Если вы, 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>