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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
keyipatience10 小时前
JavaScript学习(1)书写位置,变量、数据类型、运算符
开发语言·前端·javascript·css·学习
酷炫码神17 小时前
Day 2|CSS 盒模型:把昨天的骨架,变成能看的页面
前端·css
oicola19 小时前
Ant Design v5 vs Tailwind CSS:组件库与样式框架的终极对决
前端·css
软件技术NINI1 天前
美妆商城html+Css+js 4页
javascript·css·html
2603_965896622 天前
Grid 网格布局|CSS 二维页面排版体系
前端·css
多喝水身体棒2 天前
# CSS Grid布局入门,二维布局再也不用float了
css
软件技术NINI2 天前
化妆品html+css+js 7页
javascript·css·html
kaixin_learn_qt_ing2 天前
hexdump -C /path/to/binary | less 看十六进制内容
前端·css·less
damoluomu2 天前
SSG 的后台怎么补:Node.js 生态里的三条路(番外二)
javascript·css·typescript·node.js·html
溪语流沙2 天前
【每天一个CSS | Day23】边框上有一道光在跑的流光呼吸卡片
前端·css