缺少CSS需要修復

我昨天在這裏實現了我的設計：https://jsfiddle.net/8f3vLh0a/17/缺少CSS需要修復

它在其設計上使用字體真棒。現在，我在這裏的問題是，當我刪除舊的跨度圖標W/C是使用這行代碼的圖像：

<span class="icon home "></span>

它實際上將破壞的字體真棒圖標間距在這個版本看到：https://jsfiddle.net/7869qLmx/1/

它必須居中在屏幕上。我怎樣才能做到這一點？我應該移動哪個CSS？

，這裏是我當前的jsfiddle版本：https://jsfiddle.net/7869qLmx/1/

來源

2016-06-10 Kimberly Wright

我認爲這是因爲利潤率i.fa類

i.fa { 
    position:absolute; 
    pointer-events:none; 
    color:white ; 
    top: 50%; 
    left: 50%; 
    margin-top: -45px; 
    margin-left: -45px; 
}

我在小提琴已經更新。

檢查出來 https://jsfiddle.net/sesn/7869qLmx/3/

來源

2016-06-10 06:36:18 SESN

嘗試改變i.fs類

i.fa { 
    position:absolute; 
    pointer-events:none; 
    color:white ; 
    margin:16px 0 0 14px; 

}

的保證金這裏的的jsfiddle https://jsfiddle.net/7869qLmx/4/

來源

2016-06-10 06:40:12

-1

圖像被用作字體。所以字體大小在主體上缺失。添加至您的CSS代碼
body {font-size：14px; } 而圖像的大小將太正確。

body { font-size : 14px; }

來源

2016-06-10 09:35:26

缺少CSS需要修復

回答

相關問題