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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
快乐点吧9 小时前
使用 data-属性和 CSS 属性选择器实现状态样式控制
前端·css
芳草萋萋鹦鹉洲哦16 小时前
【Vue 3/Vite】Tailwind CSS稳定版安装替代CDN引入
前端·css·vue.js
_OP_CHEN17 小时前
【前端开发之CSS】(二)CSS 选择器终极指南:从基础到进阶,精准拿捏页面元素!
前端·css·html·网页开发·css选择器
ヤ鬧鬧o.17 小时前
HTML安全密码备忘录
前端·javascript·css·html·css3
ヤ鬧鬧o.17 小时前
小巧路径转换器优化
前端·javascript·css
bin91531 天前
(文后附完整代码)html+css+javascript 弓箭射击游戏项目分析
前端·javascript·css·游戏·html·前端开发
修己xj1 天前
CSS魔法:对话生成器与奔驰骏马的创意实现
前端·css
觉醒大王1 天前
如何整理文献阅读笔记? (精读与泛读)
前端·css·笔记·深度学习·自然语言处理·html·学习方法
小小码农Come on2 天前
QPushButton QSS(一):按钮常用qss
前端·javascript·css·qt5
Sheldon一蓑烟雨任平生2 天前
Sass 星空(Sass + keyframes 实现星空动画)
前端·css·vue3·sass·keyframes