首页 > 其他分享 >line height详解

line height详解

时间:2022-12-05 03:55:05浏览次数:39  
标签:font 500px height 详解 line 行距 size

line height

line height是由行与行之间的基线表现出来的
line height设置的越小,基线距离就越小,line height设置的越大,基线距离就设置的越大

line-height:30px;

行距=line-height和font-size之差

line-height>font-size
行距>0
line-height=font-size
行距=0
line-height <font-size
行距<0

line -height赋值

line-height:normal |数字|长度|百分比

line-height垂直居中

文字被压缩

line-height:0;
height:500px;

文字正常显示(失去背景颜色)

line-height:50px;
height:0;

line-height和height有数值,文字有行距

line-height:50px;
height:500x;

lien-height和height数值相等,文字垂直居中

line-height:500px;
height:500px;

line-height=行距+font-size(自行生成行内盒子)

标签:font,500px,height,详解,line,行距,size
From: https://www.cnblogs.com/czh0316/p/16951338.html

相关文章

  • C++中STL容器详解
    STL是提高C++编写效率的一个利器。——闫学灿一.string参考文章C语言中文网文章:C++string详解,C++字符串详解介绍C语言中,字符串是以\0结尾的一些字符的集合,为了操......
  • Jenkins实践指南-01-pipeline概述
    1.pipeline概述1.1什么是pipeline从某种抽象层次上讲,部署流水线(Deploymentpipeline)是指从软件版本控制库到用户手中这一过程的自动化表现形式。——《持续交付-发布可......
  • React中的函数组件详解
    转载来自(47条消息)React中的函数组件详解_『荼』的博客-CSDN博客_react函数组件1.创建方式//写法一constHello=(props)=>{return<div>{props......
  • 转 Vue生命周期函数详解
     https://blog.csdn.net/wen110898/article/details/120520844?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-......
  • JS中的 || 与 && 运算符详解
    1、JS中的||符号:运算方法:只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。只要“||”前面为true,不管“||”后面是true还是false,都......
  • Service详解
    Service详解Service介绍在kubernetes中,pod是应用程序的载体,我们可以通过pod的ip来访问应用程序,但是pod的ip地址不是固定的,这也就意味着不方便直接采用pod的ip对服务进行......
  • adb devices出现offline解决方法
    出现offline或者error:morethanonedevice/emulator问题:解决方法: 输入命令:adbkill-serveradbstart-serveradbremount查看adbdevices,成功解决......
  • 详解蓝牙模块的分类
     摘要:蓝牙模块,是一种集成蓝牙功能的PCBA板,用于短距离无线通讯,蓝牙模块将芯片和外围硬件电路集成到一个PCB上,开发出所需的内置程序实现蓝牙功能的设备。可以通过相关接口和......
  • [论文阅读] 颜色迁移-Linear Monge-Kantorovitch(MKL)
    [论文阅读]颜色迁移-LinearMonge-Kantorovitch(MKL)文章:TheLinearMonge-KantorovitchLinearColourMappingforExample-BasedColourTransfer,[paper],[matla......
  • 转 vue中的双向数据绑定详解 的解释
    vue中的双向数据绑定详解 https://www.cnblogs.com/zhuzhenwei918/p/7309604.html 前言什么是数据双向绑定? vue是一个mvvm框架,即数据双向绑定,即当数据发生......