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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
冰暮流星12 小时前
css3网格布局2
前端·css·css3
沐风。5617 小时前
css函数
前端·css·css3
沐风。5617 小时前
通过js动态更新css变量
javascript·css·tensorflow
BD_Marathon17 小时前
【JavaWeb】CSS_三种引入方式
前端·css
Hy行者勇哥20 小时前
HTML5 + 原生 CSS + 原生 JS 网页实现攻略
javascript·css·html5
小王码农记1 天前
CSS中自定义属性函数var()
前端·css·vue.js
BD_Marathon1 天前
【JavaWeb】CSS浮动
前端·css
写代码的皮筏艇2 天前
CSS中常使用的函数
前端·css
草字2 天前
css 按钮的脉冲光环动画,强调动画。
前端·css
BD_Marathon2 天前
【JavaWeb】CSS_三大选择器
前端·css