line-height

真・懒写于

line-height很容易被人忽视。

这个CSS性质(Property)不仅对文本排版有十分重要的作用,同时也可以做些hacks and tricks(不要忘了,在这个CSS如此烂的年代,web标准靠这些hacks and tricks维持生计)。

对一些装饰性的border,当与字体等高时会有比较良好的观感。比如http://link.eyou.com最上面的整站导航。许多人可能会给这个需要等高的border搞得很郁闷,不得不用图片代替。其实解决方法很简单,把该区块的line-height设置为1即可。

另外,不知道为什么vertical-align形同虚设,现在使用CSS来控制元素的垂直居中是一个很富挑战的课题。当元素只有一行字,比如标题,此时可以使用line-height来控制。把line-height的值(value)设置为该区块的高度,则文本可以居中了。