前端学习笔记63-行高

阅读量：334 次

发布时间：2019-03-04

本文共 687 字，大约阅读时间需要 2 分钟。

前端学习笔记63-行高

终于是学完图标字体了，昨天有事没有学，今天继续。（昨天发的博文是前天写的）

行高

行高是文字占有的高度。

如何看见呢？

看代码，

    
       
       
       Document        
   
    今天天气真热

在这里插入图片描述

方框里文字的上下都有一定的间隙，那个也是行高的一部分。

line-height

可以用line-height来设置行高。

    
       
       
       Document        
   
    今天天气真热

在这里插入图片描述

这里line-height还可以直接用数字来设置，整数表示字体高度的倍数。

    
       
       
       Document        
   
    今天天气真热

在这里插入图片描述

字体框

字体框是字体存在的格子，设置font-size实际上就是在设置字体框的高度。

font-size设置的是框的大小，字体的高度不会超过这个大小，这可以从前面两张图看出来，放大看，会发现字并没有贴着框的边。

平均分配

行高会在字体框的上下平均分配

话不多说，看代码，文字垂直居中。

    
       
       
       Document        
   
    今天天气真热

在这里插入图片描述

注意行高是一行的行高，不是总行高。

行间距

行高经常用来设置文字的行间距。

行间距=行高-字体大小

直接看代码

    
       
       
       Document        
   
    今天天气真热
   
    
   
    今天天气真热

在这里插入图片描述

转载地址：http://ppeh.baihongyu.com/

你可能感兴趣的文章

【Tool】如何使用 Uniflash 烧写 WIFI 芯片 CC3200

纯客户端页面关键字搜索高亮jQuery插件

Java温故而知新-反射机制

eclipse引用sun.misc开头的类

Servlet2.5的增删改查功能分析与实现------删除功能（四）

Session验证码的实现(2018-7-3)

spring启动错误：Could not resolve placeholder

选择性估算器绕过行安全策略漏洞

对PostgreSQL数据库结构的宏观理解

查询某表格上次进行vacuum的时间

invalid byte sequence for encoding

聊一聊那些应该了解的大佬（飞控，人工智能方向）

redis向数组中添加值并查看数组长度

JS编写一个函数，计算三个不同数字的大小，按从小到大顺序打印（穷举法）

sqlplus的基本使用

Oracle删除主表数据

Oracle常用SQL

技术美术面试问题整理

C++学习记录五、C++提高编程(2)

4 Java 访问控制符号的范围