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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
BIBABULALA15 小时前
Mini Virtual Machine — 可视化虚拟机模拟器(91行)
前端·css·css3
aXin_li21 小时前
从原子化到工程化:Tailwind CSS 的深层价值与实践思考
前端·css
木斯佳1 天前
前端八股文面经大全:拓竹科技前端一面(2026-03-15)·面经深度解析
前端·css·面试·vue
有颜有货2 天前
网站开发技术是什么?网站开发技术的定义,分类,特点,要求一文看懂
css·html·web·网站开发
大漠_w3cpluscom2 天前
利用现代 CSS 实现区间选择
前端·css·html
用户9714171814272 天前
Flex 和 Grid 详细使用指南:从入门到实战避坑
前端·css
用户9714171814272 天前
absolute 元素的包含块(containing block)怎么找
前端·css
kyriewen2 天前
响应式设计:一套代码,手机平板电脑全拿下
前端·css·html
亮子AI2 天前
【Tailwind】如何兼容旧的浏览器?
css·浏览器·tailwindcss·tailwind
Arya_aa2 天前
CSS中盒模型的边框属性
css