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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
T-shmily1 小时前
使用svg图标
前端·css
暗冰ཏོ4 小时前
《前端动画超详细教程:CSS、JS 动画原理、实战与性能优化》
前端·javascript·css·动画
python在学ing18 小时前
前端-CSS学习笔记
前端·css·python·学习
栉甜2 天前
APIs学习
前端·javascript·css·学习·html
dsyyyyy11012 天前
CSS定位布局和网格布局
前端·css
Arman_2 天前
03 rusty-cat 进阶解析:架构设计、云存储接入、安全模型与长期维护评估
css·安全·rust·文件分片上传·文件分片下载
. . . . .2 天前
css module
前端·css
晓得迷路了2 天前
栗子前端技术周刊第 129 期 - TanStack npm 供应链入侵事件、pnpm 11.1、Tailwind CSS 4.3...
前端·javascript·css
漂流瓶jz3 天前
总结CSS组件化演进之路:命名规范/CSS Modules/CSS in JS/原子化CSS
前端·javascript·css
Dxy12393102163 天前
CSS滤镜使用方法完全指南
前端·css