今天在項目中，分頁問題，數字與上一頁、下一頁不對齊，上一頁與上邊框的距離在各個瀏覽器下面表現不一樣

body{font:12px/1 Thoma,Helvetical,Arial,\5b8b\4f53}

.page a{border:#cccccc 1px solid;background-color:#ffffff;text-decoration:none;float:left;}

<a href="#">上一頁</a>

在firefox下面：上一頁離上邊框的距離是2px，下面占1px邊框的位置，與下邊框重疊了

在IE8下面：上一頁離上邊框重疊，占1px，下面離下邊框1px間距

不能讓上一頁垂直居中對齊，設置成ling-height:18px，firefox下面能對齊，IE8死活不對齊

后來研究line-height:設置行間的距離(塊級元素設置成line-height才有效)

line-height 與 font-size 的計算值之差（在 CSS 中成為“行間距”）分為兩半，分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。

轉載于:https://www.cnblogs.com/xiaohui108/archive/2011/08/20/2147162.html

總結

以上是生活随笔為你收集整理的line-height的一点见识的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。