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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
CyrusCJA44 分钟前
毛玻璃效果
前端·css·css3
huangql5204 小时前
CSS布局(五):Flex——让布局更灵活
前端·css
lemon_yyds5 小时前
Element UI 实践踩坑- date-picker 组件 定制化type="daterange"
前端·css
布局呆星7 小时前
Vue3 笔记:过渡动画与自定义指令
javascript·css·vue.js·python·es6·html5
qq4356947018 小时前
JavaWeb03
前端·css·html
慕斯fuafua9 小时前
CSS——弹性盒子
前端·css
huangql5209 小时前
CSS布局 (三):浮动——从文字环绕到多列布局
前端·javascript·css
小赵同学WoW1 天前
CSS作用域穿透选择器
前端·css
逆光如雪1 天前
移动端border-left 和 width:1px,同样写1px为什么粗细不同?
前端·css
|晴 天|1 天前
从零打造现代化个人博客:Vue 3 + TypeScript + Element Plus 完整实战
javascript·css·chrome·typescript·html5·webstorm