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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
小桥风满袖2 小时前
Three.js-硬要自学系列38之专项学习缓冲几何体
前端·css·three.js
Hilaku3 小时前
深入CSS层叠的本质:@layer如何优雅地解决样式覆盖与!important滥用问题
前端·css·html
每天开心4 小时前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
撰卢5 小时前
如何提高网站加载速度速度
前端·javascript·css·html
sophister5 小时前
Flex 布局中容易踩的那些坑,你踩过几个?
前端·css·html
MiyueFE6 小时前
CSS 函数与混入草案:原生 CSS 的“魔法”即将登场!
前端·css
呆呆的心9 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
爱学习的小学渣9 小时前
Css: flex布局+趣味Demo
css
wuxuanok9 小时前
Web前端开发-HTML、CSS
前端·css·html
lichenyang45312 小时前
css模块化以及rem布局
前端·javascript·css