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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
Moon里2 小时前
【CSS】盒子模型
前端·css
星河漫漫l5 小时前
0基础学习HTML(十八)URL
前端·css·学习·html
人生の三重奏9 小时前
前端——高级选择器
前端·css
就是蠢啊11 小时前
CSS 的元素显示模式简单学习
前端·css
ededabo16 小时前
vue/配置axios(前后端数据连通/api接口的调用)
java·前端·javascript·css·vue.js·json
Манго нектар16 小时前
CSS的弹性盒子模型(Flex box)
前端·css
且行且知18 小时前
前端html+css+js 基础总结
javascript·css·html
Web极客码20 小时前
WordPress中最佳播客插件:进阶级指南
前端·css·html
逝缘~1 天前
uni-icons自定义图标详细步骤及踩坑经历
前端·javascript·css·vue.js·uni-app·html