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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
e***95647 小时前
【HTML+CSS】使用HTML与后端技术连接数据库
css·数据库·html
han_7 小时前
前端高频面试题之CSS篇(二)
前端·css·面试
4***72138 小时前
【HTML+CSS】使用HTML与后端技术连接数据库
css·数据库·html
温轻舟9 小时前
禁毒路上,任重道远 | HTML页面
开发语言·前端·javascript·css·html·温轻舟
木易 士心11 小时前
深入理解 CSS 中的 !important
前端·css
兔子零102413 小时前
CSS 视口单位进化论:从 100vh 的「骗局」到 dvh 的救赎
前端·css
izx88820 小时前
HTML5敲击乐 PART--1
css
牧码岛20 小时前
Web前端之canvas实现图片融合与清晰度介绍、合并
前端·javascript·css·html·web·canvas·web前端
南囝coding2 天前
2025年CSS新特性大盘点
前端·css
颜渊呐2 天前
Vue3 + Less 实现动态圆角 TabBar:从代码到优化实践
前端·css