2016-06-10 131 views
0

我昨天在这里实现了我的设计: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/

回答

0

我认为这是因为利润率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/

0

尝试改变i.fs类

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

} 

的保证金这里的的jsfiddle https://jsfiddle.net/7869qLmx/4/

-1

图像被用作字体。所以字体大小在主体上缺失。 添加至您的CSS代码
body {font-size:14px; } 而图像的大小将太正确。

body { font-size : 14px; }