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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
老前端的功夫6 小时前
Web应用的永生之术:PWA落地与实践深度指南
java·开发语言·前端·javascript·css·node.js
charlie11451419110 小时前
从零开始理解 CSS:让网页“活”起来的语言2
前端·css·笔记·学习·选择器·样式表·原生
太平洋月光13 小时前
MJML邮件如何随宽度变化动态切换有几列📮
前端·css
自由日记14 小时前
css学习9
前端·css·学习
华仔啊15 小时前
CSS实现高级流光按钮动画,这几行代码堪称神来之笔
前端·css
我命由我1234517 小时前
HTML - 换行标签的 3 种写法(<br>、<br/>、<br />)
前端·javascript·css·html·css3·html5·js
icebreaker18 小时前
重新思考 weapp-tailwindcss 的未来
前端·javascript·css
djk888818 小时前
极简后台框架
前端·css·css3
dllxhcjla20 小时前
css第二天
java·前端·css
inx17721 小时前
HTML/CSS/JS 是如何渲染页面的|浏览器渲染原理与性能优化基础
css·seo·dom