小工具      在线工具  汉语词典  css  js  c++  java

CSS——line-height 行高设置垂直居中

JavaScript 额外说明

收录于:99天前

line-height呢,你可以理解为每行文字所占的高度。
比如说,有一行20px大小的文字,如果设置为line-height:50px,那就是说,这行文字的高度会占50px。
显然,每个字的大小只有20px,那怎么边呢?于是呢,浏览器就把多出来的30px(50px-20px)在这行文字的上面加上了15px,下面加上了15px。
这样的话,那文字就在这50px的空间内是居中的了(这个就是浏览器规定的,它就这个分配空间)。
这样的话,如果你的DIV是50px,那么巧了,正好这行文字也就相对于DIV居中了。
所以,这样一来呢,就有了“把line-height设置为容器div的高度就能使文字垂直居中”。
. . .

相关推荐

额外说明

Java进阶——前端编译与优化

前端编译与优化 概述 Javac导入 Javac编译过程 解析与填充符号表 解析 填充符号表 注解处理过程 分析和字节码生成 标注检查 数据流及控制流分析 解语法糖 字节码生成 前端编译优化 泛型 Java和C#的泛型 泛型擦除 泛型缺点 其他 条件编译

额外说明

Java虚拟机详解——内存结构与垃圾回收

以下是本系列博客参考的相关文档: 来源链接:https://juejin.im/post/5ef1fd01f265da02ab172c19 ①、JDK1.7虚拟机规范:docs.oracle.com/javase/spec…    JDK1.8虚

额外说明

【1++的数据结构初阶】之队列

-作者主页:进击的1++ - 专栏链接:1++的数据结构初阶 文章目录 一,队列的结构 队列的定义 定义一个队列 二,队列各接口函数的实现 队列的初始化 队列的销毁 队列的判空 入队 出队 取队头,队尾元素 返回队列元素个数 总结 一,队列的结构 队列的

额外说明

day13---(08)微信登录流程分析

一、准备工作 https://open.weixin.qq.com 1、注册 2、邮箱激活 3、完善开发者资料 4、开发者资质认证 准备营业执照,1-2个工作日审批、300元。 5、创建网站应用 提交审核,7个工作日审批 6、熟悉微信登录流程 参考文档:

额外说明

spring之Spring与消息队列

Spring与消息队列 标题: Spring与消息队列 摘要: 引言: 使用Spring与JMS(Java消息服务) 详细介绍关键字: 1. **JMS(Java消息服务)**: 2. **JmsTemplate**: 3. **@JmsListener

额外说明

CSS五种定位(static、fixed、relative、absolute、sticky )

目录 static(静态定位) fixed(固定定位) relative(相对定位)和  absolute(绝对定位)  一、相对定位  二、绝对定位 sticky 定位 重叠的元素 static(静态定位)     HTML 元素的默认值,即没有定位,

额外说明

Java创建多线程的四种方式以及优缺点

java有以下四种创建多线程的方式 1:继承Thread类创建线程 2:实现Runnable接口创建线程 3:使用Callable和FutureTask创建线程 4:使用线程池,例如用Executor框架创建线程 DEMO代码 package threa

额外说明

【网络入门】详解常用的基础网络知识(面试笔试常考内容)

目录  1、概述 2、OSI七层模型和TCP/IP四层模型 3、数据进入TCP/IP协议栈时的封装过程 4、端口的概念 5、TCP建立连接时的三次握手 5.1、TCP头的构成 5.2、三次握手的流程说明 5.3、为什么必须使用三次握手,不能用两次握手去建

额外说明

BoT-SORT实战:手把手教你实现BoT-SORT训练和测试

文章目录 摘要 1、数据准备 2、配置BoT-SORT环境 2.1、获取代码 2.2、创建虚拟环境 2.3、安装必要的包 2.3.1、安装pytorch 2.3.2、安装cython 2.3.3、安装Cython-bbox 2.3.4、安装faiss 2

额外说明

glusterfs安装配置

目标: 原有的k8s的集群磁盘容量不够,数据迁移无法完成,数据迁移是物理机无法由于采购磁盘流程过程,申请虚拟机搭建glusterfs做分布式存储 磁盘规划: # 查看盘符 $ lsblk # 然后创建lvm方便后续容量不够时可以扩容 # 将普通的分区加

ads via 小工具