line-height的使用

line-height:26px; 表示行高为26px

line-height:120%;表示行高为当前字体大小的120%

line-height:2.6em;表示行高为当前字体的2.6倍

带单位的行高都有继承性，其子元素继承的是计算值，如父元素的字体大小为14px，定义行高line-height:2em；则计算值为28px，不会因其子元素改变字体尺寸而改变行高。（例如：父元素14px，子元素12px，那么行高为28px，虽然子元素的字体是12px，它的行高等于父元素的行高）

line-height:2.6;表示行高为当前字体大小的2.6倍

不带单位的行高是直接继承，而不是计算值，如父元素字体大小为14px，行高line-height:2;子元素尺寸为12px，不需要再定义行高，它默认的行高为24px。（例如：子元素12px，其行高为24px，不会继承父元素的28px）

line-height的使用相关推荐

html中高与行高的区别,深入了解css的行高Line Height属性
什么是行间距? 古时候我们是用印刷机来处理文字,印出来的每个字都位于独立的一个块里. 行间距,即传说中控制两行文字之间垂直距离的东东. 在CSS,line-height被用来控制行与行之间的垂直距离. ...
真正的能理解CSS中的line-height，height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉.在此做一下总结,一是更深层次的了解什么是line-height,二是比较heigh ...
CSS中的line-height，height与line-height
在最近的项目中,常常用到line-height,只是简单的理解为行高但并没有深层次的理解,致使不能达到信手拈来的感觉.在此做一下总结,一是更深层次的了解什么是line-height,二是比较heigh ...
DW中CSS属性详解
作者:未知来源:5D多媒体在Dreamweaver的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver把这些属性分为Type(类型).Background(背 ...
微信小程序加载中动画效果
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 效果图: 代码: <view class="line"><image s ...
VVeboTableView 源码解析
原文链接:http://www.jianshu.com/p/78027a3a2c41 最近在看一些 iOS 性能优化的文章,我找到了 VVeboTableView 这个框架.严格来说这个不属于框架,而 ...
第十次课：前台首页设计及显示商品信息
一.前台首页设计 0.css样式 @charset "utf-8"; /*全局设置*/ *{ padding:0; margin:0; } body { font-size: ...
Java的新项目学成在线笔记-day7（二）
1.3 前端页面说明我的课程列表使用element 的card组件,如下: 页面布局代码如下: <template> <section> <el‐row >< ...
超全超实用的Javascript类库和jQuery插件大全之一：图片，地图和图形
为什么80%的码农都做不了架构师?>>> 日期:2012-10-10 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
CSS 行内格式化上下文中的各种高度计算
前言碎碎语:标题问题在昨天困扰了笔者很久很久,早上把问题提到了各网络也暂时没有回复.因为明天要早起飞异地参加一场校招面试,笔者还是很紧张的,但奈何问题不解决寝食难安--所以还是卯起劲重新思考这个问题, ...

line-height的使用

line-height的使用相关推荐

最新文章

热门文章