V2EX 网页端的一个我也不知道是不是 bug 的东西。。。

[flowfire]

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

原因大概是

解决方法是

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

效果图

以及这个金币图案的垂直居中问题，似乎 vertial-align 不好使，讲道理其实都 8102 年了可以考虑使用 flex 代替了。。。

[maichael]

vertial-align 不是没效果，而是设置的不对。

用 text-bottom。

[kkhaike]

我咋没有这情况

[SakuraKuma]

是不是有插件自定义过样式。
从截图来看你的浏览器支持 boxshadow，但是金币这块没有了渐变和圆角。。总感觉怪怪的

[flowfire]

@SakuraKuma #3 我换了 firefox 依然有这个问题。。。。

[SakuraKuma]

@flowfire #4。。这就不清楚了。这边看了下，定义 background 的层是没有 width 属性的。

[oyhw92]

我这里 win 和 mac 上的 chrome 都是这个样式啊
为什么你是正方形的

[flowfire]

@oyhw92 #6 QAQ 不知道。。。。我 Chrome 和 Firefox 都是直角的

[KyonLi]

其实我想说数字和图标顺序好别扭，就像货币符号放在数字后面 5$

[oyhw92]

@flowfire #7 是不是你在 v2 的设置里自定义了 css。。。

[ismumu]

你竟然有金币.....