V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
cc7756789
V2EX  ›  问与答

为什么都用 line-height 让元素上下居中,而不使用 padding

  •  
  •   cc7756789 · 2015-10-04 11:19:56 +08:00 · 2951 次点击
    这是一个创建于 3334 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我看到很多网站都是使用 line-height 让导航文本居中,相对于 padding 有什么好处?
    6 条回复    2015-10-04 14:43:22 +08:00
    learnshare
        1
    learnshare  
       2015-10-04 11:23:32 +08:00
    不需要考虑字体大小(以及行高),然后计算 padding 了。
    TakanashiAzusa
        2
    TakanashiAzusa  
       2015-10-04 11:54:27 +08:00
    padding 要计算。而且变一下高度的话你就傻逼了。。
    FrankFang128
        3
    FrankFang128  
       2015-10-04 12:18:38 +08:00 via Android
    为什么不使用 lineheight ?


    所以答案是,两种都可以。
    flymemory
        4
    flymemory  
       2015-10-04 12:28:21 +08:00
    哈,确实大部分应用场景下, line-height 更直接吧,就像楼上说的,不用手算。
    或者楼主可以介绍下,在哪些 scenario 中,用 padding 更好?
    glchaos
        5
    glchaos  
       2015-10-04 12:44:09 +08:00
    lineheight 简单,只要注意字别换行就好了。 padding 其实我也用过的,其实都还好,白猫黑猫,能逮到耗子就是好猫!
    loading
        6
    loading  
       2015-10-04 14:43:22 +08:00 via Android
    用 padding 只是看上去居中了, line-height 才是正解。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5552 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 06:40 · PVG 14:40 · LAX 22:40 · JFK 01:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.