CSS06-元素显示模式、单行文字垂直居中

embedded/2024/9/24 20:15:25/

一、什么是元素显示模式 

 

1-1、块级元素

1-2、行内元素

 

1-3、行内块元素

1-4、小结

二、元素显示模式转换

 

三、单行文字垂直居中

CSS 没有给我们提供文字垂直居中的代码,这里我们可以使用一个小技巧来实现。

解决方案: 让文字的行高等于盒子的高度,就可以让文字在当前盒子内垂直居中。

3-1、单行文字垂直居中的原理

是如果行高小于盒子高度,文字会偏上;

如果行高大于盒子高度,则文字偏下。


http://www.ppmy.cn/embedded/116242.html

相关文章

什么是上层封禁海外流量

上层封禁海外流量(Upper-layer Blocking of Overseas Traffic)是一种网络安全策略,旨在通过在网络传输的上层进行流量控制和过滤,从而阻止来自海外的恶意流量或不必要的访问。这一措施主要用于防止分布式拒绝服务(DDoS…

python爬虫/引用requests/基本使用

1.安装requests 进入控制台使用该命令安装requests pip3 install requests 2.对网站使用get请求 这里用对网站进行get请求,然后打印。 import requests //引用requestsresponse requests.get(urlhttps://www.bilibili.com/)print(response.text) 3.对网站使用…

工业建模设计软件概览与SOLIDWORKS深度解析

在当今快速发展的工业领域,高效的建模设计软件是工程师和设计师不可或缺的工具。这些软件不仅提高了设计的精确度,还大幅缩短了产品从概念到市场的周期。本文将为您介绍当前市场上主流的工业建模设计软件,并重点介绍SOLIDWORKS的优势和应用。…

LinuxC高级作业2

1.整理思维导图 2.做一套笔试题 一: 1.cd .. mkdir dir1 cd dir1 touch file1 2.cp ~/mnt/dir1/ -r * ~/home/dir2/ 3.pwd 4.ls -l 5.ifconfig 6.top 10.find /usr -type f -name "*name*" 11.:wq 13.df -h 14.tar -xzvf tmp.tar.gz 15.sudo c…

行测(笔试)

三、推理判断 (1)图形推理 1.图形构成要素(有特复杂特简单图形不用考虑,看图形特征) 看:交点数、线条数、角数、奇点数 点:十字交叉、T字交叉、切点、接触点 注意算交点的时候,…

sqlite数据库的docsize, segdir, segments, stat

在 SQLite 数据库的全文搜索 (FTS) 模块中,有一些内部表和结构用于存储和管理全文搜索索引的数据。对于这些表项,docsize, segdir, segments, stat 等是重要的组成部分,它们之间相互配合,来有效地管理全文索引数据。以下是它们的作…

vue 页面常用图表框架

在 Vue.js 页面中,常见的用于制作图表的框架或库有以下几种: ECharts: 官方网站: EChartsECharts 是一个功能强大、可扩展的图表库,支持多种图表类型,如柱状图、折线图、饼图等。Vue 集成: 可以使用 vue-echarts 插件,…

Linux文件IO(十)-fcntl 和 ioctl

本小节给大家介绍两个新的系统调用:fcntl()和 ioctl()。 fcntl 函数 fcntl()函数可以对一个已经打开的文件描述符执行一系列控制操作,譬如复制一个文件描述符(与 dup、dup2 作用相同)、获取/设置文件描述符标志、获取/设置文件状…