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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
菲利普马洛1 小时前
记一次主题闪烁问题
前端·css·react.js
逆光如雪3 小时前
移动端卡片边框怎么做高级?我用 CSS 实现了设计师的刁钻要求
前端·css·vue.js
走粥2 天前
clsx和twMerge解决CSS类名冲突问题
前端·css
吠品2 天前
CSS图片居中:Flexbox、Grid与Transform的完整指南
前端·css
天若有情6732 天前
Canvas生成艺术|意外诞生的混沌风暴(附完整源码+GitHub部署)
前端·css·html·github·canvas·网页
阿珊和她的猫2 天前
React 中 CSS 书写方式全解析
前端·css·react.js
打瞌睡的朱尤2 天前
CSS复习
前端·css
我是伪码农2 天前
JS考核复写
前端·javascript·css
lightqjx2 天前
【前端】前端学习二之CSS
前端·css·学习·html
我命由我123453 天前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5