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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
xcjbqd01 天前
CSS中隐藏元素的多重技巧与应用场景
前端·css
慕斯fuafua1 天前
CSS——定位
前端·css
AnalogElectronic1 天前
html+js+css实现七龙珠神龙召唤特效
javascript·css·html
qq_381338501 天前
现代 CSS 黑科技:Container Queries、:has() 与嵌套语法实战
前端·css·科技
程序员buddha2 天前
SCSS从0到1精通教程
前端·css·scss
小李子呢02112 天前
前端八股CSS---CSS选择器和优先级
前端·css
Sheldon一蓑烟雨任平生2 天前
grid(一文读懂 css 网格布局)
前端·css·grid·grid-template·现代css·css 网格布局
05Nuyoah2 天前
CSS 基础认知和基础选择器
前端·javascript·css·node.js
Sheldon一蓑烟雨任平生2 天前
边框按钮(纯CSS)
前端·css·动态按钮·css变量·边框按钮·按钮动画
里欧跑得慢3 天前
Flutter 测试全攻略:从单元测试到集成测试的完整实践
前端·css·flutter·web