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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
bin915310 小时前
(文后附完整代码)html+css+javascript 弓箭射击游戏项目分析
前端·javascript·css·游戏·html·前端开发
修己xj11 小时前
CSS魔法:对话生成器与奔驰骏马的创意实现
前端·css
觉醒大王11 小时前
如何整理文献阅读笔记? (精读与泛读)
前端·css·笔记·深度学习·自然语言处理·html·学习方法
小小码农Come on14 小时前
QPushButton QSS(一):按钮常用qss
前端·javascript·css·qt5
Sheldon一蓑烟雨任平生15 小时前
Sass 星空(Sass + keyframes 实现星空动画)
前端·css·vue3·sass·keyframes
Dreamy smile16 小时前
css :nth-child() 完全用法指南
前端·css
老前端的功夫17 小时前
抛弃 `!important`,让 CSS 优先级变大
前端·javascript·css·npm·node.js
bin915317 小时前
(文后附完整代码)html+css+javascript 弹球射击游戏项目分析
前端·javascript·css·游戏·html·前端开发
HWL56791 天前
显示器缩放和更改分辨率的区别
前端·css·vue.js·计算机外设·html5
鄭郑2 天前
【Playwright 学习笔记 03】CSS选择器 定位方法
css·笔记·学习·playwright