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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
一天睡25小时8 分钟前
CSS Transition入门指南
css
wuhen_n1 小时前
CSS元素动画篇:基于当前位置的变换动画(三)
前端·css·html·css3·html5
低代码布道师11 小时前
第二部分:网页的妆容 —— CSS(下)
前端·css
前端小巷子12 小时前
CSS单位完全指南
前端·css
软件技术NINI12 小时前
html css js网页制作成品——HTML+CSS甜品店网页设计(4页)附源码
javascript·css·html
tq108617 小时前
CSS基础
css
JavaDog程序狗17 小时前
【前端】前端 CSS 原子化,代码乐高随便搭
前端·css
ZhZhXuan19 小时前
点击按钮没反应?其实是样式bug
前端·css
yede19 小时前
使用Gird布局实现瀑布流效果
前端·javascript·css
几度泥的菜花20 小时前
优雅实现网页弹窗提示功能:JavaScript与CSS完美结合
开发语言·javascript·css