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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
凌波粒4 小时前
CSS基础详解(1)
前端·css
yqcoder18 小时前
在 scss 中,&>div 作用
前端·css·scss
小马哥编程19 小时前
这个variables.scss文件中$menuText:#bfcbd9;:export {menuText: $menuText; }的语法符合要求吗
前端·css·scss
爆浆麻花19 小时前
为什么有些人边框不用border属性
前端·css
www_stdio20 小时前
用 localStorage 打造本地待办清单:一个轻量级的前端实践
javascript·css·json
光影少年21 小时前
css影响性能及优化方案都有哪些
前端·css
stormsha1 天前
CSS 样式美学从基础语法到界面精筑的实战宝典
前端·css·postcss·设计语言
yqcoder1 天前
css 中,backdrop-filter: blur(10px) 作用
前端·css
bank_dreamer1 天前
VSCODE前端代码风格格式化
前端·css·vscode·html·js·prettier·代码格式化
与妖为邻1 天前
HTML5动态时间显示组件
javascript·css·css3