如果 金币&银币&铜币 同时存在会出现这种问题

原因大概是

解决方法是

讲道理其实为了好看一点还可以加个这个。。。。

效果图

以及这个金币图案的垂直居中问题,似乎 vertial-align 不好使,讲道理其实都 8102 年了可以考虑使用 flex 代替了。。。
如果 金币&银币&铜币 同时存在会出现这种问题

原因大概是

解决方法是

讲道理其实为了好看一点还可以加个这个。。。。

效果图

以及这个金币图案的垂直居中问题,似乎 vertial-align 不好使,讲道理其实都 8102 年了可以考虑使用 flex 代替了。。。
=====================
结贴吧 = = 我的锅。。。。。
我也不知道什么时候,大概是很久很久以前,改过自定义 CSS
|
maichaelOct 18, 2018
1
vertial-align 不是没效果,而是设置的不对。
用 text-bottom。 |
|
kkhaikeOct 18, 2018
2
我咋没有这情况
|
|
SakuraKumaOct 18, 2018
3
是不是有插件自定义过样式。
从截图来看你的浏览器支持 boxshadow,但是金币这块没有了渐变和圆角。。总感觉怪怪的 |
|
4
@SakuraKuma #3 我换了 firefox 依然有这个问题。。。。
|
|
SakuraKumaOct 18, 2018
5
@flowfire #4。。这就不清楚了。这边看了下,定义 background 的层是没有 width 属性的。
|
|
oyhw92Oct 18, 2018
6
我这里 win 和 mac 上的 chrome 都是这个样式啊为什么你是正方形的 |
|
KyonLiOct 18, 2018 via iPhone
8
其实我想说数字和图标顺序好别扭,就像货币符号放在数字后面 5$
|
|
wb500Oct 18, 2018
10
你竟然有金币.....
|