ESHOP|IOS|IDC|E游通|E客通

网奇旗下产品

背景:
阅读新闻

浏览器计算和分配行间距的方法

[日期:04-12] 来源:网页教学网   作者: [字体: ]
      我们常说的单倍行距, 双倍行距等等, 主观上认为是line-height设置的值, 如果量一下实际的效果, 会发现, 两行文本的间距, 并非等于line-height的值.
  浏览器计算和分配行间距的方法
  间距 = "line-height" – "font-size";
  文本上下分配大小 = 间距/2;
  字号 = 12px; line-height:3;
  间距 = 3*12 – 12 = 24(px);
  文本上下分配大小 = 24/2 = 12(px)
  逻辑上如此无懈可击~ o.0
  小知识点(个人认为, 应该这样)
  "line-height的值, 推荐使用数字而非带有单位的值, 如, 推荐使用line-height:2; 不推荐使用line-height:24px;" 原因在于, line-height:24px;是一个固定的值, 对于任何大小的文本, 都采用这个值来计算行间距. 若文本的字号过大, 会出现重叠的问题. 不带单位的值表示倍数. 自然避免了该问题.
收藏 推荐 打印 | 录入:admin | 阅读:
相关新闻      
热门评论