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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
王大师王文峰1 小时前
HTML 入门到进阶:语义化标签、表单与多媒体一篇打通【语义化布局、表单校验、video/audio、Canvas、无障碍与 SEO】
前端·css·node.js·html·css3·jquery·html5
晓得迷路了1 天前
栗子前端技术周刊第 150 期 - Stack Overflow 开发者调查结果、TanStack Start 1.0...
javascript·css·后端
ShineWinsu3 天前
对于CSS:弹性布局(Flexbox)的解析
前端·css·面试·浏览器·web·网页·弹性布局
云老大-阿里云国际站代理商3 天前
华为云国际站渠道代理商:CSS查询很慢但CPU不高?磁盘I/O、JVM与分片问题怎么排查
css·jvm·华为云
定栓3 天前
Webpack迁到Vite第三节:Less 与 CSS 处理
css·webpack·less
ShineWinsu3 天前
对于JavaScript:初识JavaScript以及输入输出
java·开发语言·前端·javascript·css·面试·html
码银3 天前
【web】基于HTML/CSS,JavaScript + Three.js做3D流程图
前端·css·html
keyipatience3 天前
JavaScript学习(1)书写位置,变量、数据类型、运算符
开发语言·前端·javascript·css·学习
酷炫码神4 天前
Day 2|CSS 盒模型:把昨天的骨架,变成能看的页面
前端·css
oicola4 天前
Ant Design v5 vs Tailwind CSS:组件库与样式框架的终极对决
前端·css