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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
Linsk37 分钟前
妙用:focus解决0到auto高度过渡的边界场景
前端·css
芳心粽伙饭2 小时前
CSS第二章 选择器
前端·css
梦醒沉醉18 小时前
4、CSS入门——属性选择器
css
এ慕ོ冬℘゜19 小时前
样式控制 .css ()
前端·css
来碗旺仔1 天前
2026年了,CSS 终于能写 if 了
css
Moriarty1236661 天前
【前端技巧】实现卡片页面容器全屏
前端·css
大梦想家a1 天前
基于 HTML+CSS 的个人生活主页设计与实现
css·html·生活
梦醒沉醉2 天前
3、CSS入门——CSS选择器
css
Z兽兽2 天前
行内块元素在垂直方向上对齐问题
css·html·css3
小幸运2482 天前
Vue.js 在博客平台中为何采用响应式系统而非直接操作
css