关于 v2 新增的 op 字没有上下居中的问题...

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1111 天前的主题，其中的信息可能已经有所发展或是发生改变。

这个 op 没有在中间看着有点难受

Imgur

于是稍微改了一下,放到自定义 css 里就行了(发现 mod 也改了所以加上)

.badges .badge.mod,
.badges .badge.op{
        padding-top:0;
        padding-bottom:2px;
    }

Imgur

15 条回复 • 2021-12-04 16:05:58 +08:00

shuxhan

2021-12-02 17:40:11 +08:00

flex 更合理一些吧，避免写死一些距离

```css
.badge.op{
display: flex;
align-items: center;
}

```

xiyuesaves

2021-12-02 17:44:53 +08:00

@shuxhan 这样也可以, 反正最后效果一样的就行[dog]

xiaopc

2021-12-02 17:53:43 +08:00

其实把 .badge 的 height 删掉就可以了（

thefack

2021-12-02 18:03:46 +08:00

其实把这整个元素隐藏就可以了 :(

xxx027

2021-12-02 18:58:34 +08:00

隐藏+1

zjp

2021-12-02 20:08:37 +08:00

在我浏览器上 op 直接溢出
https://imgur.com/LeRAe6V

.badge.op {
height: 11px;
line-height: 0.6;
}

oIMOo

2021-12-02 20:44:46 +08:00

奇怪，难道已经更新了？
我本地 Win 10 + Edge ，你在 #2 显示的 OP 和你主题里面改过的一样。

lingyired

2021-12-02 20:48:39 +08:00

其实最主要是浏览器默认最小字体是 12px ，这里 css 里面用了 10px ，实际上渲染变成 12px

7gugu

2021-12-02 20:50:40 +08:00

Firefox 没有这个 Bug ，看起来是个别浏览器的渲染问题？

lingyired

2021-12-02 20:56:53 +08:00

@7gugu firefox 默认没有最小字体的设置，chromium 默认最小是 12px ，当然设置里面可以自己改。

把 .badge 的字体和高度都设为 12px ，然后去掉 padding-top/padding-bottom 就可以了

Lemeng

2021-12-02 21:00:09 +08:00

不说没注意，op 很重要，有时要拉上，看是不是楼主回的

Leviathann

2021-12-02 23:08:37 +08:00

op 是什么意思

iVeego

2021-12-03 00:47:27 +08:00 via Android

@Leviathann 楼主的意思

Leviathann

2021-12-03 10:20:17 +08:00 via iPhone

@iVeego 这个是什么的缩写啊
用的 app 自带标识楼主的功能都没注意到这个

iVeego

2021-12-04 16:05:58 +08:00 via Android

@Leviathann original poster