html - Font Awesome 图标被截断

Question

font awesome 图标在左侧被截断。

快照

下面是我的代码

<div class="media-left">
  <i class="fa fa-search fa-5x text-white"></i>
</div> 

CSS

.media-left{
 display: table-cell;
 vertical-align: top;
 }
    .text-white {
        color: #fff;
    }
    .fa-5x {
        font-size: 5em;
    }

Answer 1

它可能会解决您的问题 letter-spacing: 1px;