CSS中的line-height行高属性的使用技巧小结

CSS中的line-hight属性是用来控制文本行之间的空隙的。它一般情况下没有单位的设定（如：line-height:1.4;）所以这是一个按字体尺寸的比例来计算。这对印刷版来说是一个很重要的属性。线条过低就会挤在一起，线条过高就会相距甚远，这两种情况都会降低可读性。不过你可能已经知道了这一点。

本文中，我们将把注意力放在一些设计上。如果你知道（或可以计算出）的line-height的精确值，你可以做一些奇妙的东西！

每行文本设置不同颜色

很遗憾这里没有::nth-line(),我们直接使用<span>是不可靠的,因为会有很多不同的事情导致文本在不同的地方被打乱。

尽管是非标准的，但这里还有一种用法就是使用一个元素的背景作为文字的背景。

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表