V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xiyuesaves
V2EX  ›  V2EX

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

  •  
  •   xiyuesaves · 2021-12-02 17:36:37 +08:00 · 2347 次点击
    这是一个创建于 1072 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这个 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
        1
    shuxhan  
       2021-12-02 17:40:11 +08:00   ❤️ 1
    flex 更合理一些吧,避免写死一些距离

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

    ```
    xiyuesaves
        2
    xiyuesaves  
    OP
       2021-12-02 17:44:53 +08:00
    @shuxhan 这样也可以, 反正最后效果一样的就行[dog]
    xiaopc
        3
    xiaopc  
       2021-12-02 17:53:43 +08:00
    其实把 .badge 的 height 删掉就可以了(
    thefack
        4
    thefack  
       2021-12-02 18:03:46 +08:00
    其实把这整个元素隐藏就可以了 :(
    xxx027
        5
    xxx027  
       2021-12-02 18:58:34 +08:00
    隐藏+1
    zjp
        6
    zjp  
       2021-12-02 20:08:37 +08:00
    在我浏览器上 op 直接溢出
    https://imgur.com/LeRAe6V

    .badge.op {
    height: 11px;
    line-height: 0.6;
    }
    oIMOo
        7
    oIMOo  
       2021-12-02 20:44:46 +08:00
    奇怪,难道已经更新了?
    我本地 Win 10 + Edge ,你在 #2 显示的 OP 和你主题里面改过的一样。
    lingyired
        8
    lingyired  
       2021-12-02 20:48:39 +08:00
    其实最主要是浏览器默认最小字体是 12px ,这里 css 里面用了 10px ,实际上渲染变成 12px
    7gugu
        9
    7gugu  
       2021-12-02 20:50:40 +08:00
    Firefox 没有这个 Bug ,看起来是个别浏览器的渲染问题?
    lingyired
        10
    lingyired  
       2021-12-02 20:56:53 +08:00
    @7gugu firefox 默认没有最小字体的设置,chromium 默认最小是 12px ,当然设置里面可以自己改。

    把 .badge 的字体和高度都设为 12px ,然后去掉 padding-top/padding-bottom 就可以了
    Lemeng
        11
    Lemeng  
       2021-12-02 21:00:09 +08:00
    不说没注意,op 很重要,有时要拉上,看是不是楼主回的
    Leviathann
        12
    Leviathann  
       2021-12-02 23:08:37 +08:00
    op 是什么意思
    iVeego
        13
    iVeego  
       2021-12-03 00:47:27 +08:00 via Android
    @Leviathann 楼主的意思
    Leviathann
        14
    Leviathann  
       2021-12-03 10:20:17 +08:00 via iPhone
    @iVeego 这个是什么的缩写啊
    用的 app 自带标识楼主的功能都没注意到这个
    iVeego
        15
    iVeego  
       2021-12-04 16:05:58 +08:00 via Android   ❤️ 1
    @Leviathann original poster
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2709 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 14:21 · PVG 22:21 · LAX 06:21 · JFK 09:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.