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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
Beginner x_u7 小时前
CSS 中的高度、滚动与溢出:从 height 到 overflow 的完整理解
前端·css·overflow·min-height
Yan.love8 小时前
【CSS-布局】终极方案:Flexbox 与 Grid 的“降维打击”
前端·css
闲蛋小超人笑嘻嘻10 小时前
Flexbox 属性总结
前端·css
Y淑滢潇潇13 小时前
WEB 模拟学校官网
前端·css
我是伪码农1 天前
轮播图案例
css·html·css3
EEEzhenliang1 天前
CSS知识概括、总结
前端·css
light_in_hand2 天前
CSS博客
前端·css
n 55!w !1082 天前
静态网页作业
前端·css·css3
1024小神2 天前
css主题theme变量切换实现原理学习记录
前端·css·学习
王同学 学出来2 天前
React案例实操(三)
前端·css·react.js·html