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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
阿虎儿21 小时前
CSS 毛玻璃效果完全指南:从入门到避坑
css
清风细雨_林木木1 天前
CSS 报错:css-semicolonexpected 解决方案
前端·css
熙街丶一人1 天前
css 图片未加载时默认高度,加载后随图片高度
前端·javascript·css
洗发水很好用1 天前
uniapp纯css实现基础多选组件
前端·css·uni-app
whuhewei1 天前
CSS动画倍速播放
前端·css
ZTLJQ1 天前
构建网页的三剑客:HTML, CSS, JavaScript 完全解析
javascript·css·html
苏武难飞1 天前
分享一个THREE.JS中无限滚动的技巧
前端·javascript·css
橘子编程1 天前
HTML5 权威指南:从入门到精通
前端·css·vue.js·html·html5
cch89181 天前
常见布局实现详解(Flex 实战版)
前端·javascript·css
勇往直前plus2 天前
前端三基石:从后端视角理解 HTML、CSS 与 JavaScript
前端·css·html