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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
很多石头1 小时前
前端img与background-image渲染图片对H5页面性能的影响
前端·css
华仔啊3 小时前
关于移动端100vh的坑和终极解决方案,看这一篇就够了!
前端·css
拜无忧1 天前
完美圆角,渐变边框,兼容chrome 60,两层背景的视觉差
前端·css
jingling5551 天前
uniapp | 解决组件样式不生效问题
前端·css·uni-app·html·学习方法
luckyzlb1 天前
02- html && css
前端·css·html
你的电影很有趣1 天前
lesson55:CSS导航组件全攻略:从基础导航条到动态三级菜单与伸缩菜单实现
前端·css
蔗理苦1 天前
2025-09-05 CSS4——浮动与定位
开发语言·前端·css·html·css3
slim~2 天前
javaweb基础第一天总结(HTML-CSS)
前端·css·html
F2E_Zhangmo2 天前
基于cornerstone3D的dicom影像浏览器 第二章 加载本地文件夹中的dicom文件并归档
前端·javascript·css
蔗理苦2 天前
2025-09-05 CSS3——盒子模型
前端·css·css3