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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
爱上好庆祝12 小时前
学习js的第七天(wed APIs的开始)
前端·javascript·css·学习·html·css3
gogoing13 小时前
CSS 属性值计算过程(Computed Value)
前端·css
2301_8156453820 小时前
css基础
前端·css
晓得迷路了1 天前
栗子前端技术周刊第 128 期 - Rolldown 1.0、Vitest、Node.js 26.0.0...
前端·javascript·css
之歆1 天前
DAY_17深度博客:CSS 响应式布局 · BFC · JavaScript 完全指南(下)
前端·javascript·css
前端若水1 天前
过渡(transition)高级:贝塞尔曲线、硬件加速
前端·css·css3
前端若水2 天前
实战:纯 CSS 实现“有图片的卡片不同样式”
前端·css
qq_381338502 天前
CSS @layer 级联层实战指南:从样式冲突到分层架构
前端·css
用户059540174462 天前
AI Agent记忆丢失踩坑实录:这个问题让我排查了3天
前端·css
前端若水2 天前
原生嵌套(Nesting):以后还写 SCSS 吗?
前端·css·scss