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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
前端 贾公子8 分钟前
深入浅出 CSS 属性:pointer-events: none
前端·css
LBJ辉5 小时前
CSS - code
前端·css
qq_336313936 小时前
javaweb-HTML和CSS(2)
前端·css·html
_OP_CHEN6 小时前
【前端开发之CSS】(四)CSS 常用元素属性宝典(下):背景与圆角进阶指南,让页面颜值飙升!
前端·css·html·页面开发·gui开发·css元素属性
肖。35487870947 小时前
窗口半初始化导致的BadTokenException闪退!解决纯Java开发的安卓软件开局闪退!具体表现为存储中的缓存为0和数据为0。
android·java·javascript·css·html
ヤ鬧鬧o.21 小时前
多彩背景切换演示
前端·css·html·html5
这儿有一堆花1 天前
CSS 拟真光影设计:从扁平到深度的技术复盘
前端·css
_OP_CHEN1 天前
【前端开发之CSS】(三)CSS 常用元素属性宝典(上):从字体到文本,手把手教你打造高颜值网页!
前端·css·html·网页开发·文本属性·字体属性·页面美化
朝阳391 天前
CSS-in-JS(含样式化组件 styled-components)
css
ヤ鬧鬧o.1 天前
HTML多倒计时管理
前端·javascript·css·html5