导航中的行高 VS 填充（正确方法）答案

【问题标题】：Line-Height VS Padding in Nav (Correct Method)导航中的行高 VS 填充（正确方法）
【发布时间】：2014-02-28 08:48:38
【问题描述】：

我刚刚重新开始编码，我想知道将高度添加到我的 btn 的最佳方法是什么。

这里是代码 -

填充方法

.nav-main li a {
  display: block;
  padding: 70px 10px 70px 10px;
  color: #6CF784;
  border-bottom: 10px solid white;
  text-decoration: none; 
}

线高法

.nav-main li a {
  display: block;
  padding: 0 10px 0 10px;
  line-height: 150px;
  color: #6CF784;
  border-bottom: 10px solid white;
  text-decoration: none; 
}

【问题讨论】：

标签： html padding css

【解决方案1】：

我个人使用填充，因为它可以让我更好地控制浏览器，因为行高会因您使用的字体以及客户端浏览器上安装/未安装的字体而异。

【讨论】：

【解决方案2】：

我喜欢使用line-height，因为它可以正确定位基线以使文本出现在元素的中间（而填充可能会根据字体以一种或另一种方式偏离中心）

当然，这取决于您使用line-height 的像素值（正如您在问题中所做的那样） - 使用像1.5 这样的数值可能会根据字体产生不同的结果。

【讨论】：