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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
Youyzq7 小时前
前端项目发布到cdn上css被编译失效问题rgba失效和rgb失效
前端·css·算法·cdn
茄汁面15 小时前
实现紧贴边框的高亮流光动画效果(长方形适配)
前端·javascript·css
小明记账簿16 小时前
解锁前端新技能:让JavaScript与CSS变量共舞
前端·javascript·css
棒棒的唐16 小时前
avue uploader图片预览拉伸变型的css处理方法
前端·css
im_AMBER17 小时前
Canvas架构手记 08 CSS Transform | CSS 显示模型 | React.memo
前端·css·笔记·学习·架构
百罹鸟17 小时前
在langchain Next 项目中使用 shadcn/ui 的记录
前端·css·人工智能
烤麻辣烫17 小时前
黑马大事件学习-15(前端登录页面)
前端·css·vue.js·学习·html
滴滴答答哒18 小时前
Quartz Cron 表达式参考表
前端·css·css3
凌波粒19 小时前
CSS基础详解(2)--Grid网格布局详解
前端·css·css3·html5
Irene199119 小时前
CSS Grid布局详解
css·grid