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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
甜味弥漫1 天前
一文搞懂 Flex 弹性布局:为什么它成为现代 CSS 布局的首选?
css
用户059540174462 天前
AI记忆存储一致性踩坑实录:每天手工回归200条对话,直到我用pytest+Redis搭建自动化验证
前端·css
思码梁田2 天前
CSS letter-spacing 属性详解:掌控字符之间的呼吸感
前端·css
贾伟康3 天前
【安心陪诊 Agent v1.1】首页可信设计实战:HTML/CSS 状态卡与急症分流
css·html·harmonyos·ai agent·首页设计
AZaLEan__3 天前
CSS文档流相关:BFC
前端·css
‘’林花谢了春红‘’3 天前
小玩意 生日快乐
css·html·css3
梨想橙汁3 天前
CSS零基础入门:语法、引入方式与基础样式全解析
css
七牛开发者3 天前
RAG 工程里的上下文剪枝:如何减少 68% 的上下文
前端·css·github
叉歪3 天前
为 UnoCSS 扩展无限色阶与主题换色
前端·css
TheITSea4 天前
4、React+Tailwind CSS
前端·css·react.js