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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
Joker Zxc11 小时前
【前端基础】20、CSS属性——transform、translate、transition
前端·css
面向星辰11 小时前
css其他选择器(精细修饰)
前端·css
宁雨桥11 小时前
从视口到容器:CSS 容器查询完全指南
前端·css
我登哥MVP15 小时前
HTML-CSS-JS-入门学习笔记
javascript·css·笔记·学习·html
西洼工作室2 天前
CSS高效开发三大方向
前端·css
昔人'2 天前
css`font-variant-numeric: tabular-nums` 用来控制数字的样式。
前端·css
不叫猫先生2 天前
中秋连连看小游戏开发完整教程
javascript·css·小游戏·连连看
西洼工作室3 天前
SSE与轮询技术实时对比演示
前端·javascript·css
Dontla3 天前
Tailwind CSS介绍(现代CSS框架,与传统CSS框架Bootstrap对比)Tailwind介绍
前端·css·bootstrap
向上的车轮3 天前
CSS 预处理器:Sass的基本用法、核心特性
css·sass