导航栏html_html操作和思考（二）：统一导航栏文字高度的方法

在导航栏高度已知的时候，常用ul——li（inline-block）——a（block）的结构去书写导航栏，即使切换成block显示模式，a盒子的大小只会由文字撑开（图1.1）。

图1.1 文字决定盒子大小

---

我的方法：

1. 使用padding
2. 使用line-height+padding

已知文字高度18px，导航栏高度36px

1.使用padding

padding：9px，这个方法需要计算，且在修改导航栏高度或者文字大小等数据时都有可能重新计算一遍，不太方便（图2.1）。

图2.1 padding的方法

2.使用line-height+padding

设置a盒子的line-height与导航栏同高，在使用padding设置左右两边的间距，可以免去计算，且方便修改（图2.2-2.3）。

图2.2 line-height的方法

图2.3 line-height的代码

---

以上就是我在学习前端时的一些小感悟，如果有错误或者更好的方法，欢迎在评论区留言！

啾啾啾~(づ￣ 3￣)づ~