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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
韩曙亮4 小时前
【Web APIs】移动端轮播图案例 ( 轮播图自动播放 | 设置无缝衔接滑动 | 手指滑动轮播图 | 完整代码示例 )
前端·javascript·css·html·轮播图·移动端·web apis
PieroPc5 小时前
Html +css+js 写的一个小商城系统(POS系统)
javascript·css·html
OranTech5 小时前
练习06-CSS设置样式
css
幻影星空VR元宇宙13 小时前
飞行影院设备价格解析及性价比分析
css·百慕大冒险·幻影星空
霍理迪1 天前
CSS布局方式——定位
前端·css
灯把黑夜烧了一个洞1 天前
2026年跨年倒计时网页版
javascript·css·html·2026跨年代码·新年代码
铅笔侠_小龙虾1 天前
html+css 实现键盘
前端·css·html
韩曙亮1 天前
【Web APIs】移动端返回顶部案例 ( 返回顶部按钮 显示 / 隐藏 设置 | 返回顶部操作 )
前端·javascript·css·html·移动端·web apis·返回顶部
GDAL1 天前
Tailwind CSS 响应式设计实战指南:从零搭建书签篮自适应页面
前端·css·tailwindcss·书签篮
cz追天之路2 天前
华为机考--- 字符串最后一个单词的长度
javascript·css·华为·less