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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
engchina1 小时前
@media 的常用场景与示例
css·media
林的快手1 小时前
CSS列表属性
前端·javascript·css·ajax·firefox·html5·safari
烂蜻蜓6 小时前
Uniapp 设计思路全分享
前端·css·vue.js·uni-app·html
qianmoQ12 小时前
第五章:工程化实践 - 第三节 - Tailwind CSS 大型项目最佳实践
前端·css
~废弃回忆 �༄13 小时前
CSS中伪类选择器
前端·javascript·css·css中伪类选择器
薛定谔的猫-菜鸟程序员13 小时前
Vue 2全屏滚动动画实战:结合fullpage-vue与animate.css打造炫酷H5页面
前端·css·vue.js
想睡好1 天前
css文本属性
前端·css
qianmoQ1 天前
第三章:组件开发实战 - 第五节 - Tailwind CSS 响应式导航栏实现
前端·css
前端小臻1 天前
关于css中bfc的理解
前端·css·bfc
前端熊猫1 天前
CSS Grid 布局学习笔记
css·笔记·学习·grid