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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
bluceli1 天前
CSS容器查询:响应式设计的新范式
前端·css
Bigger1 天前
CSS 这些年都经历了什么?一次看懂 CSS 的演化史
前端·css·前端工程化
大漠_w3cpluscom3 天前
使用 clip-path: shape() 创建 Squircle 形状
前端·css·weui
会员源码网4 天前
告别参数混乱:如何优雅解决方法参数过多导致的可维护性难题
css
Lee川5 天前
现代Web开发中的CSS继承、Flexbox布局与LocalStorage交互:从文档解析到实践应用
前端·css
helloweilei6 天前
CSS进阶: background-clip
css
DeathGhost6 天前
CSS container容器查询
前端·css
不会敲代码17 天前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
Sailing7 天前
🚀 别再乱写 16px 了!CSS 单位体系已经进入“计算时代”,真正的响应式布局
前端·css·面试
球球pick小樱花8 天前
游戏官网前端工具库:海内外案例解析
前端·javascript·css