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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
小刘鸭地下城1 小时前
优雅表格设计:CSS 美化技巧详解
css
小刘鸭地下城2 小时前
网页深色模式完整实现:从响应式设计到系统主题联动
css
恶猫4 小时前
javascript文本长度检测与自动截取,用于标题长度检测
javascript·css·css3·js·自动检测·文本长度
Hilaku5 小时前
我为什么认为 CSS-in-JS 是一个失败的技术?
前端·css·前端框架
Giant1006 小时前
0 基础也能懂的 Flex 布局教程:3 步搞定网页排版
css
Sherry0076 小时前
【译】掌握 Flexbox 的终极指南:从烤肉串到鸡尾酒香肠的布局哲学
css·面试·flexbox
那一抹阳光多灿烂9 小时前
CSS 编码规范
前端·css
degree5209 小时前
CSS :has() 选择器详解:为什么它是“父选择器”?如何实现真正的容器查询?
前端·css·css3
૮・ﻌ・9 小时前
CSS高级技巧---精灵图、字体图标、布局技巧
前端·css
昔人'9 小时前
纯`css`固定标题并在滚动时为其添加动画
前端·css