0

アイコンの周りに円形の背景を作成しようとしています (fontawesome 4.0)。

次のコードを検討してください。

<span class="participant img-circle"><i class="fa fa-user" data-original-title="" title=""></i></span>

.participant{
    background: @gray-light;
    display: inline-block;
    width: 100px;
    height: 100px;
}

.participant i {
    font-size: 50px;
}

これにより、背景がうまく作成されますが、アイコンが円の中央に配置されません。私は何を間違っていますか？

4

2 に答える 2

0 
.participant{
    background: @gray-light;
    display: inline-block;
    width: 100px;
    height: 100px;

/* Add this */
    line-height:100px; /* as height */
    text=align:center;
}

それはそれを行う必要があります。

サークルはすでにソートされていると思います。

追加しない場合border-radius:50%;

于 2013-10-26T06:05:05.770 に答える