美文网首页
对文字和行高的理解

对文字和行高的理解

作者: destiny0904 | 来源:发表于2017-08-08 22:16 被阅读0次

文字与行高

对照上图

    1. 文字大小是顶线与底线之间的距离

    2. 行高大小是基线与基线之间的距离

    3. 行高=文字大小+上下两个间距


浏览器默认

     浏览器默认的文字大小为16px,其中chrome浏览器有最小文字限制,最小为12px

     默认的行高大小为18px


行高的单位


技巧:文本的垂直居中

当文本的父容器设置行高与高度一致、或者父容器不设置高度,只设置行高时,能够使父容器中的文字垂直居中

相关文章

  • 对文字和行高的理解

    文字与行高 对照上图 1. 文字大小是顶线与底线之间的距离 2. 行高大小是基线与基线之间的距离 3....

  • CSS基础<三>

    1. 行高 行高的定义行高是基线与基线之间的距离行高=文字高度+上下间距浏览器默认文字大小:16px一行文字行高和...

  • CSS总结笔记(三)

    一、行高和字号 1.1 行高 CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而...

  • CSS基础之行高和字号,超链接美化,backgroud系列属性

    1.行高和字号 1.1行高 CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是...

  • 行高和字体、超链接以及background(七)

    行高和字号 行高CSS中,所有的行,都有行高,盒模型的padding,绝对不是直接作用在文字上的,而是作用在行上的...

  • Css基础第三天

    1、行高 ◆浏览器默认文字大小浏览器默认文字大小:16px行高:是基线与基线之间的距离行高=文字高度+上下边距一行...

  • CSS行高

    css行高line-height的一些深入理解及应用 深入理解CSS中的行高

  • 再看 line-height

    如果没有字体,只设置行高 块级元素设置行高 内联元素设置行高 行内块元素设置行高 行高起作用的前提是有文字存在 ,...

  • css行高和字号

    1、什么是行高?在css中所有的行都有自己的行高 注意点行高和盒子的高不是同一个概念 规律1.1文字在行高中默认是...

  • css基础知识之一张图看懂文字基线顶线底线

    行高定义:基线与基线之间的距离行高=文字高度+上下边距

网友评论

      本文标题:对文字和行高的理解

      本文链接:https://www.haomeiwen.com/subject/dbpxrxtx.html