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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
b***74884 小时前
前端CSS预处理器对比,Sass与Less
前端·css·sass
诸葛老刘11 小时前
前端 css中的函数
前端·css
倚肆14 小时前
CSS 选择器空格使用区别详解
前端·css
盼哥PyAI实验室14 小时前
学会给网页穿衣服——学习 CSS 语言
前端·css·学习
程序猿_极客19 小时前
【期末网页设计作业】HTML+CSS+JS 旅行社网站、旅游主题设计与实现(附源码)
javascript·css·html·课程设计·期末网页设计
q***58191 天前
【HTML+CSS】使用HTML与后端技术连接数据库
css·数据库·html
振华OPPO1 天前
Vue:“onMounted“ is defined but never used no-unused-vars
前端·javascript·css·vue.js·前端框架
J***Q2922 天前
前端CSS架构模式,BEM与ITCSS
前端·css
qq_398586542 天前
浏览器中内嵌一个浏览器
前端·javascript·css·css3
一个打工仔的笔记3 天前
使用css实现打开抽屉效果(css过渡动画)
css