xiyuesaves
V2EX  ›  V2EX

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

  •  
  •   xiyuesaves · Dec 2, 2021 · 3187 views
    This topic created in 1673 days ago, the information mentioned may be changed or developed.

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

    Imgur

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

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

    Imgur

    15 replies    2021-12-04 16:05:58 +08:00
    QUC062IzY3M1Y6dg
        1
    QUC062IzY3M1Y6dg  
       Dec 2, 2021   ❤️ 1
    flex 更合理一些吧,避免写死一些距离

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

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

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

    把 .badge 的字体和高度都设为 12px ,然后去掉 padding-top/padding-bottom 就可以了
    Lemeng
        11
    Lemeng  
       Dec 2, 2021
    不说没注意,op 很重要,有时要拉上,看是不是楼主回的
    Leviathann
        12
    Leviathann  
       Dec 2, 2021
    op 是什么意思
    iVeego
        13
    iVeego  
       Dec 3, 2021 via Android
    @Leviathann 楼主的意思
    Leviathann
        14
    Leviathann  
       Dec 3, 2021 via iPhone
    @iVeego 这个是什么的缩写啊
    用的 app 自带标识楼主的功能都没注意到这个
    iVeego
        15
    iVeego  
       Dec 4, 2021 via Android   ❤️ 1
    @Leviathann original poster
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3454 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 116ms · UTC 10:57 · PVG 18:57 · LAX 03:57 · JFK 06:57
    ♥ Do have faith in what you're doing.