IonIcons spacingを削除する

Question

イオンアイコンの上と下の間隔を削除するにはどうすればいいですか？

私のように私のhtmlでそれを使用します。

<div><i className="close ion-ios-close-empty" /></div>

と、これはすべてのioniconsのデフォルトスタイルです：

display:inline-block; 
font-family:"Ionicons"; 
speak:none; 
font-style:normal; 
font-weight:normal; 
font-variant:normal; 
text-transform:none; 
text-rendering:auto; 
line-height:1; 
font-size: inherit; 
-webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale 

そして近いクラスは次のとおりです。

.close{ 
    color: #ffffff; 
    font-size: 50px; 
} 

私はそれにスタイルを追加しませんでしたが、私はフォントサイズを増やしただけですが、アイコンは写真のように表示されます。

上部と下部の間隔を削除する方法はありますか？

Answer 1

use line height property 
example : { 
line-height: 1; 
}