V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 是一个什么样的地方?
• 这里大量的成员热爱编程和图形设计
• 这里有关于虚拟世界话题的讨论
• 也有真实世界的
• 信息量的多少在这里是始终重要的
• 作为立场,我相信这个世界在持续变得更好
xiyuesaves
V2EX  ›  V2EX

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

  •  
  •   xiyuesaves · 216 天前 · 1594 次点击
    这是一个创建于 216 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这个 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  
       216 天前   ❤️ 1
    flex 更合理一些吧,避免写死一些距离

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

    ```
    xiyuesaves
        2
    xiyuesaves  
    OP
       216 天前
    @shuxhan 这样也可以, 反正最后效果一样的就行[dog]
    xiaopc
        3
    xiaopc  
       216 天前
    其实把 .badge 的 height 删掉就可以了(
    thefack
        4
    thefack  
       216 天前
    其实把这整个元素隐藏就可以了 :(
    xxx027
        5
    xxx027  
       216 天前
    隐藏+1
    zjp
        6
    zjp  
       216 天前
    在我浏览器上 op 直接溢出
    https://imgur.com/LeRAe6V

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

    把 .badge 的字体和高度都设为 12px ,然后去掉 padding-top/padding-bottom 就可以了
    Lemeng
        11
    Lemeng  
       216 天前
    不说没注意,op 很重要,有时要拉上,看是不是楼主回的
    Leviathann
        12
    Leviathann  
       216 天前
    op 是什么意思
    iVeego
        13
    iVeego  
       216 天前 via Android
    @Leviathann 楼主的意思
    Leviathann
        14
    Leviathann  
       215 天前 via iPhone
    @iVeego 这个是什么的缩写啊
    用的 app 自带标识楼主的功能都没注意到这个
    iVeego
        15
    iVeego  
       214 天前 via Android   ❤️ 1
    @Leviathann original poster
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1172 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 19:27 · PVG 03:27 · LAX 12:27 · JFK 15:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.