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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
胡gh5 小时前
css的臂膀,前端动效的利器,还是布局的“隐形陷阱”?
前端·css·html
我笔记6 小时前
css 和scss
css
浩星7 小时前
css实现类似element官网的磨砂屏幕效果
前端·javascript·css
用户7823616774312 小时前
零基础指南:为您的网站正确配置SSL证书,只需三步
css·面试
zlpzlpzyd15 小时前
vue.js 3的页面中css里的:deep()是干什么的
前端·css
李少兄15 小时前
CSS Grid 布局指南:构建现代 Web 二维布局的完整体系
前端·css·网络
亮子AI16 小时前
【css】如何让 fixed 元素具有父节点同样的宽度?
前端·javascript·css
♡喜欢做梦16 小时前
自动化测试入门(上)
java·css·selenium·测试工具·测试用例
Chennnng17 小时前
键盘参数选购
前端·css·计算机外设
拜无忧1 天前
纯css,顺时针3d旋转基座(摩天轮效应)
前端·css