缺少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/
答
我认为这是因为利润率i.fa类
i.fa {
position:absolute;
pointer-events:none;
color:white ;
top: 50%;
left: 50%;
margin-top: -45px;
margin-left: -45px;
}
我在小提琴已经更新。
答
尝试改变i.fs类
i.fa {
position:absolute;
pointer-events:none;
color:white ;
margin:16px 0 0 14px;
}
的保证金这里的的jsfiddle https://jsfiddle.net/7869qLmx/4/
答
图像被用作字体。所以字体大小在主体上缺失。 添加至您的CSS代码
body {font-size:14px; } 而图像的大小将太正确。
body { font-size : 14px; }