line-height取值

361 阅读1分钟

line-height是有默认值,值根据字体不同而不同。设计图上量字体,怎么量出字体的默认行高或者取消默认行高的影响?

  • 量出行高
  • 设置行高为字体大小
  • 取值:
    • 具体的像素值line-height:32px;
    • em:line-height:2em;
    • 百分比:line-height:200%;
    • 不带单位:line-height:2;
  • 注意: a. 在设置行高的时候,如果单位是em或者%,那么行高会先根据父元素的字体大小计算,然后再把这个结果继承给子元素。b. 在设置行高的时候,如果没有单位,那么行高数字会先继承给子元素,然后子元素根据自己的字体大小再计算出行高。c. 对块级元素无效。