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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
web_小码农1 小时前
CSS 3D动画 旋转木马示例(带弧度支持手动拖动)
javascript·css·3d
小彭努力中3 小时前
204.Vue3 + OpenLayers:加载 GIF 文件(CSS 背景实现动画标记)
前端·css·vue·openlayers·geojson·webgis
xdl25995 小时前
CSS flex 布局中没有 justify-items
前端·css
落魄江湖行6 小时前
基础篇四 Nuxt4 全局样式与 CSS 模块
前端·css·typescript·nuxt4
哟哟耶耶15 小时前
vue3-单文件组件css功能(:deep,:slotted,:global,useCssModule,v-bind)
前端·javascript·css
不是az16 小时前
CSS知识点记录
前端·javascript·css
患得患失94921 小时前
【css技巧】用 CSS 实现:移入立即执行,移出延时返回
前端·css
慕斯fuafua1 天前
CSS——样式
前端·css
像我这样帅的人丶你还2 天前
别再让JS耽误你进步了。
css·vue.js
小霍同学2 天前
CSS Grid 布局指南
css