你现在的位置: 誉鑫网络 > 网站常识

【潍坊网站优化推广】漫说网站中网页行间距

时间:2015-03-20  来源:誉鑫网络  潍坊网站建设、潍坊网站推广优化、潍坊网站改版托管维护、潍坊400电话办理

       【潍坊网站优化推广】漫说网站中网页行间距,行间距是什么,这是个常识,不用我在过多的解释,但我们在日常的工作中却总是见过因为行间距而影响阅读行为的,试想网站中页面的文字无非就是方便用户去浏览,如果一堆文字全放在一块,或昨只有很小的间距,那用户的阅读还方便吗,所以要站在用户的角度上来做,来想,来设计才行,好了,今天潍坊网站建设誉鑫网络就来给大家漫谈一下。

      高度给定的元素,其内部单行文本垂直居中的一种实现方式为:给当前定高元素,设置line-height属性,其属性值等于当前元素的height值.
      今天了解到了一条相关知识,明白这个方法的实现原理.
      我们常说的单倍行距,双倍行距等等,主观上认为是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;是一个固定的值,对于任何大小的文本,都采用这个值来计算行间距.若文本的字号过大,会出现重叠的问题.不带单位的值表示倍数.自然避免了该问题。