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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
之歆2 小时前
DAY04_HTML&CSS_从表单到样式的完整学习指南
css·html·产品运营
2401_878454539 小时前
html和css的复习(1)
前端·css·html
米丘16 小时前
vue3.5.x 单文件组件(SFC)样式编译过程
css·vue.js·postcss
ZC跨境爬虫19 小时前
前端实战复盘:从零完成Apple中国大陆官网UI第一阶段全量静态复刻
前端·css·ui·html
ZC跨境爬虫21 小时前
Apple官网复刻第二阶段day_1:(导航栏模块化重构+工业化可复用UI落地)
前端·javascript·css·ui·重构
花归去1 天前
a-table 冻结列导致边框
前端·css·css3
朝阳391 天前
CSS【详解】给子元素添加间距的最佳实践(含space 和 gap 的区别图解和面试的标准答案)
前端·css
Mr.mjw1 天前
vue中封装一个进度条组件,无需引入,纯css
javascript·css·vue.js
军军君011 天前
数字孪生监控大屏实战模板:智能业务大数据监管平台
css·vue.js·elementui·typescript·前端框架·echarts·less
睿智的海鸥2 天前
Markdown 语法大全详解
开发语言·前端·javascript·css·html