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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
三十_14 小时前
如何正确实现圆角渐变边框?为什么 border-radius 对 border-image 不生效?
前端·css
行走的陀螺仪20 小时前
重绘和重排怎么触发?怎么优化?
前端·css·性能优化·css3·浏览器原理
syt_101320 小时前
grid布局-子项放置3
前端·javascript·css
TG:@yunlaoda360 云老大1 天前
如何了解腾讯云国际站代理商CSS的服务流程是怎样的?
css·云计算·腾讯云
Youyzq1 天前
css样式用flex 布局的时候元素尺寸展示不对
前端·javascript·css
小明记账簿1 天前
利用 Less 循环高效生成多组 CSS 间距工具类
前端·css·less
TG:@yunlaoda360 云老大1 天前
腾讯云国际站代理商 CSS有什么优势呢?
css·云计算·腾讯云
Komorebi゛1 天前
【Vue3+Element Plus+Vite】按需导入Element Plus组件并配置全局样式文件
前端·css·vue.js
咬人喵喵1 天前
CSS 盒子模型:万物皆是盒子
前端·css
暴富暴富暴富啦啦啦2 天前
声音波浪 js+css
css·html·css3