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

2021-12-02 17:36:37 +08:00
 xiyuesaves

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

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

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

2347 次点击
所在节点    V2EX
15 条回复
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
@Leviathann 楼主的意思
Leviathann
2021-12-03 10:20:17 +08:00
@iVeego 这个是什么的缩写啊
用的 app 自带标识楼主的功能都没注意到这个
iVeego
2021-12-04 16:05:58 +08:00
@Leviathann original poster

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/819598

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX