IonIcons刪除間距

Question

如何從Ion圖標的頂部和底部刪除間距？

我用它在我的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; 
}