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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
咬人喵喵9 小时前
CSS 盒子模型:万物皆是盒子
前端·css
暴富暴富暴富啦啦啦11 小时前
声音波浪 js+css
css·html·css3
三年三月15 小时前
React 中 CSS Modules 详解
前端·css
苏打水com17 小时前
第十二篇:Day34-36 前端工程化进阶——从“单人开发”到“团队协作”(对标职场“大型项目协作”需求)
前端·javascript·css·vue.js·html
软件技术NINI17 小时前
盒模型在实际项目中有哪些应用场景?
前端·css·html
苏打水com21 小时前
第十篇:Day28-30 工程化优化与部署——从“能跑”到“好用”(对标职场“项目上线”需求)
前端·css·vue·html·js
用户66006766853921 小时前
纯 CSS 复刻星战开场:让文字在宇宙中滚动
前端·css
李少兄21 小时前
前端开发中的多列布局(Multi-column Layout)
前端·css
苏打水com1 天前
第十一篇:Day31-33 前端安全与性能监控——从“能用”到“安全可靠”(对标职场“系统稳定性”需求)
前端·javascript·css·vue.js·html
syt_10131 天前
grid布局之-子项放置1
前端·javascript·css