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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
逍遥德5 小时前
CSS display有几种属性值
前端·css·css3
liangshanbo12158 小时前
CSS attr() 函数详解
前端·css
A_aspectJ12 小时前
基于Bootstrap 的网页html css 登录页制作成品
前端·css·bootstrap·html
HCl+NaOH=NaCl+H_2O15 小时前
CSS、SCSS 和 SASS 的语法差异
css·sass·scss
GISer_Jing1 天前
CSS-in-JS:现代前端样式管理的革新
前端·javascript·css
啊啊啊~~1 天前
css实现不确定内容的高度过渡
前端·javascript·css
逃逸线LOF1 天前
CSS之网页元素的显示与隐藏(旧土豆网遮罩案例)
前端·css
刘 怼怼1 天前
【520 特辑】用 HTML/CSS/JavaScript 打造浪漫炫酷的表白网页
javascript·css·html
哎呦你好1 天前
CSS 选择器入门
开发语言·前端·css·html
喵酱睡着了2 天前
CSS 单位详解:px、rem、em、vw/vh 的区别与使用场景
前端·css