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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
xingpanvip4 小时前
PHP+JS+CSS打造动态星盘计算器
javascript·css·php
爱上好庆祝5 小时前
clip-path裁剪,css的滤镜,动画时间线,css的变量和函数
前端·css·学习·html·css3
冲浪中台7 小时前
20个常用的CSS知识点
前端·css
CodeAI21 小时前
TailwindCSS 核心概念与实用技巧:从传统CSS到Utility-First迁移指南
css
乆夨(jiuze)1 天前
记录一个css,实现下划线内容显示,支持文本多行显示
前端·css
xiaotao1311 天前
CSS中的Grid 布局
前端·css
Hilaku1 天前
做中后台业务,为什么我不建议你用 Tailwind CSS?
前端·css·代码规范
二进制person1 天前
JavaEE进阶 --HTML+CSS+JavaScript 基础
javascript·css·html
fīɡЙtīиɡ ℡1 天前
【SpringAi最新版入门(二)】
java·javascript·css·人工智能·css3
小李子呢02111 天前
前端八股CSS(3)---水平垂直居中的实现方法
前端·css·css3