jquery - 如何使 div 标签内的图标居中

Question

如何将图标放在 div 的中心。

<div class="page_one_footer">
  <a href="https://www.facebook.com/moviemanic">
     <i class="fa fa-facebook-official icons" id=""style="font-size: 40px;text-align: center;"></i>
  </a>
  <a href="https://twitter.com/imVijay4you">
     <i class="fa fa-twitter icons" id="twitter-icon"style="font-size: 40px;text-align: center;"></i>
  </a>
</div>

CSS:

.icons{
    text-align: center !important;
} 

为什么我不能将图标放在中间？

Answer 1

将 text-align: center 移动到容器 DIV:

.page_one_footer {
  text-align: center !important;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="page_one_footer">
  <a href="https://www.facebook.com/moviemanic">
    <i class="fa fa-facebook-official icons" id="" style="font-size: 40px;text-align: center;"></i>
  </a>
  <a href="https://twitter.com/imVijay4you">
    <i class="fa fa-twitter icons" id="twitter-icon" style="font-size: 40px;text-align: center;"></i>
  </a>
</div>