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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
小王码农记6 小时前
CSS中自定义属性函数var()
前端·css·vue.js
BD_Marathon10 小时前
【JavaWeb】CSS浮动
前端·css
写代码的皮筏艇12 小时前
CSS中常使用的函数
前端·css
草字13 小时前
css 按钮的脉冲光环动画,强调动画。
前端·css
BD_Marathon13 小时前
【JavaWeb】CSS_三大选择器
前端·css
苦夏木禾13 小时前
使用css制作一个环形进度展示圈
前端·css
软件技术NINI14 小时前
html css js网页制作成品——成毅html+css+js 5页附源码
javascript·css·html
苏打水com14 小时前
第四篇:Day10-12 JS事件进阶+CSS动画——实现“复杂交互+视觉动效”(对标职场“用户体验优化”需求)
javascript·css·交互
苏打水com15 小时前
第六篇:Day16-18 AJAX进阶+接口对接——实现“前后端数据交互”(对标职场“接口开发”核心需求)
css·okhttp·html·js
m0_3761379415 小时前
DevUI主题系统进阶:CSS-in-JS与暗黑模式无缝切换架构
javascript·css·架构·devui