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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
漂流瓶jz11 小时前
运行时vs编译时:CSS in JS四种主流方案介绍和对比
前端·javascript·css
钮钴禄·爱因斯晨12 小时前
他到底喜欢我吗?赛博塔罗Java+前端实现,一键解答!
java·开发语言·前端·javascript·css·html
DoWhatUWant18 小时前
WebUI页面结构
css·html5
爱上好庆祝1 天前
移动端适配
前端·css·学习·html·css3
邂逅星河浪漫1 天前
【银行内网开发-管理端】Vue管理端+Auth后台开发+Nginx配置+Linux部署(详细解析)
linux·javascript·css·vue.js·nginx·html·前后端联调
慕斯fuafua1 天前
CSS——浮动
前端·css
xcjbqd02 天前
CSS中隐藏元素的多重技巧与应用场景
前端·css
慕斯fuafua2 天前
CSS——定位
前端·css
AnalogElectronic2 天前
html+js+css实现七龙珠神龙召唤特效
javascript·css·html
qq_381338502 天前
现代 CSS 黑科技:Container Queries、:has() 与嵌套语法实战
前端·css·科技