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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
前端菜鸟日常2 小时前
HMTL+JS+CSS实现贪吃蛇游戏,包含有一般模式,困难模式,还有无敌模式
javascript·css·游戏
Yolo@~10 小时前
个人网站:基于html、css、js网页开发界面
javascript·css·html
星空寻流年13 小时前
css之定位学习
前端·css·学习
DarkBule_16 小时前
零基础驯服GitHub Pages
css·学习·html·github·html5·web
晓风伴月16 小时前
Css:overflow: hidden截断条件‌及如何避免截断
前端·css·overflow截断条件
爱泡脚的鸡腿17 小时前
HTML CSS 第二次笔记
前端·css
前端Hardy17 小时前
HTML&CSS:超好看的轮播图,你绝对用得上(建议收藏)
javascript·css·html
前端Hardy18 小时前
HTML&CSS:必学!手把手教你实现动态天气图标
javascript·css·html
CodePencil21 小时前
CSS专题之继承
前端·css
1024小神1 天前
vscode/cursor编辑器中vue3文件里面的css不能注释解决办法
css·vscode·编辑器