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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3328 天前的主题，其中的信息可能已经有所发展或是发生改变。

我看到很多网站都是使用 line-height 让导航文本居中，相对于 padding 有什么好处？

6 条回复 • 2015-10-04 14:43:22 +08:00

learnshare

2015-10-04 11:23:32 +08:00

不需要考虑字体大小（以及行高），然后计算 padding 了。

TakanashiAzusa

2015-10-04 11:54:27 +08:00

padding 要计算。而且变一下高度的话你就傻逼了。。

FrankFang128

2015-10-04 12:18:38 +08:00 via Android

为什么不使用 lineheight ？

所以答案是，两种都可以。

flymemory

2015-10-04 12:28:21 +08:00

哈，确实大部分应用场景下， line-height 更直接吧，就像楼上说的，不用手算。
或者楼主可以介绍下，在哪些 scenario 中，用 padding 更好？

glchaos

2015-10-04 12:44:09 +08:00

lineheight 简单，只要注意字别换行就好了。 padding 其实我也用过的，其实都还好，白猫黑猫，能逮到耗子就是好猫！

loading

2015-10-04 14:43:22 +08:00 via Android

用 padding 只是看上去居中了， line-height 才是正解。