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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
labixiong3 小时前
transition 写在 CSS 变量上为什么不生效?给变量补张「类型身份证」
前端·css·html
水月清辉6 小时前
CSS 常用语法详解
前端·css
言乐610 小时前
Python加速器2视频网页加速器
前端·javascript·css·python·音视频
今天AI了吗1 天前
2026年三大AI桌面智能体横评:Codex vs Hermes vs WorkBuddy
大数据·前端·css·人工智能·架构
HwJack201 天前
用 HML + CSS + JS 三段式写鸿蒙界面
javascript·css·harmonyos
豆约翰2 天前
css自制图书封面效果
前端·css
CoderYanger2 天前
前端基础——JavaScript(WebAPI)代码案例
java·开发语言·前端·javascript·css·前端框架·html5
EatFan3 天前
HTML前端利用flex解决input定位的问题
前端·css·html·css3
labixiong3 天前
告别scroll 监听:CSS 滚动驱动动画,主线程堵死也仍跟手
前端·css·html
King of fraud3 天前
HTML 页面的 CSS 选择器详解
前端·css·html