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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
小飞大王6663 小时前
CSS基础知识
前端·css
摇滚侠6 小时前
css 设置边框
前端·css
陈振wx:zchen20088 小时前
CSS2-3
css·css3·css2
蜗牛攻城狮9 小时前
CSS中的 `dvh` 与 `vh`: 深入理解视口单位
前端·css
a1117769 小时前
电流卡片特效(html网页 开源)
javascript·css·css3
干前端1 天前
Vue3 组件库工程化实战:BEM 命名规范与 useNamespace 深度解析
前端·css
RFCEO1 天前
前端编程 课程十四、:CSS核心基础2:选择器优先级 + 伪类选择器(解决冲突+交互效果)
前端·css·交互·css选择器优先级判断规则详解·css important使用·css链接伪类lvha顺序·实现悬浮交互效果
小满zs1 天前
Next.js第二十五章(CSS方案)
开发语言·javascript·css
红色的小鳄鱼1 天前
Vue 监视属性 (watch) 超全解析:Vue2 Vue3
前端·javascript·css·vue.js·前端框架·html5
Hacker_Z&Q2 天前
CSS 笔记2 (属性)
前端·css·笔记