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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
昔人'5 小时前
CSS content-visibility
前端·css
JackieDYH7 小时前
CSS滚动吸附详解:构建精准流畅的滚动体验-scroll-snap-type
前端·css
软件技术NINI8 小时前
html css js网页制作成品——敖瑞鹏html+css+js 4页附源码
javascript·css·html
馬致远9 小时前
案例1- 跳动的心
javascript·css·css3
魂祈梦10 小时前
页面出现莫名其妙的滚动条
前端·css
草字11 小时前
css 父节点设置display: flex; align-items: center;,子节点如何跟随其他子节点撑高的高度
前端·javascript·css
开发者小天12 小时前
React中的 css in js的使用示例
javascript·css·react.js
萌狼蓝天12 小时前
[Vue]AntV1.7表格自带筛选确定和重置按钮位置交换
前端·javascript·css·vue.js·html
曲幽12 小时前
Flask入门实战:轻松掌握模板渲染与静态文件加载
css·python·html·web·js·image·templates·assets
大怪v21 小时前
【Virtual World 02】两点一线!!!
javascript·css·html