zoukankan      html  css  js  c++  java
  • 每天CSS学习之line-height

    line-height是CSS的一个属性,其作用是设置行高。其有以下几种值:

    1、normal:自动设置合理的行间距。该值是默认值。如下示例:

                p{        
                    line-height:normal;
                }

    结果:

    2、number:即数字。该数字会与当前字体尺寸相乘来设置行间距。如下示例:

                p{        
                    line-height:1; //行间距就是一个字体的尺寸
                }

    结果:

    3、length:即带单位的长度,设置固定的行间距。如下示例:

                p{        
                    line-height:10px; //设置行间距为固定的10px
                }

    结果:

    4、百分比:基于当前字体尺寸的百分比来设置行间距。如下示例:

                p{        
                    line-height:50%; //即按照当前字体尺寸的一半来设置行间距
                }

    结果:

  • 相关阅读:
    随机ID添加
    学生ID查询
    node.js基础
    冒泡排序
    循环判断语句
    vue.js详细教程--优优优
    final注意事项
    HashMap Hashtable区别
    java中间件
    JSP错误页面
  • 原文地址:https://www.cnblogs.com/williamwsj/p/7407011.html
Copyright © 2011-2022 走看看