16.CSS-行高和字号

31 篇文章 2 订阅
本文详细介绍了CSS中的行高概念,指出行高指的是行内容的高度,不同于盒子高度。在企业开发中,设置行高等于盒子高度可使单行文字垂直居中。对于多行文字,需使用padding实现居中。此外,文章还强调了字号与盒子内边距的关系,特别是右侧内边距可能因文字换行产生的误差,并提醒注意顶部内边距的实际含义。
摘要由CSDN通过智能技术生成

行高

1.什么是行高

在CSS中所有的行都有自己的行高,

3.注意点

行高和盒子的高不是同一个概念,行高是指这一行内容的高度,盒子的高是指这个标签的高。
规律:
1.文字在行高中默认是垂直居中的;
2.在企业开发中我们经常将盒子的高度和行高设置成一样,那么就可以保证一行文字在合资的高度中是垂直居中的,简而言之就是:要想一行文字在盒子中垂直居中,那么只需要设置这行文字的行高等于盒子的高即可。
该方法只适用于一行文字,遇到多行文字的情况时,只能使用padding。
3.在企业开发中,如果一个盒子中有多行文字,那么我们就不能使用设置行高等于盒子高来实现文字在垂直居中,只能通过设置padding来让文字居中。

字号

注意点

1.在企业开发中,如果一个盒子中存储的是文字,那么一般情况下,我们会以盒子左边的内边距为基准,不会以右边的内边距位基准,因为这个右边的内边距有误差;
2.右边的内边距的误差从而来?
因为右边如果放不下一个文字,那么文字就会换行显示,所以文字和内边距之间的距离就有了误差;
3.顶部的内边距并不是边框到文字顶部的距离,而是边框到行高顶部的距离。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值