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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
han_7 小时前
前端高频面试题之CSS篇(一)
前端·css·面试
不会玩电脑的Xin.11 小时前
HTML + CSS
前端·css·html
悟能不能悟21 小时前
<style scoped>vue中怎么引用css文件
css·vue.js
粉末的沉淀1 天前
css:制作带边框的气泡框
前端·javascript·css
西游音月1 天前
(4)pytest+Selenium自动化测试-元素定位之CSS Selector定位
css·selenium·pytest
谢尔登1 天前
【CSS】样式隔离
前端·css
LQW_home2 天前
前端展示 接受springboot Flux数据demo
前端·css·css3
WebGirl2 天前
一个 CSS 属性aspect-ratio
css
xump2 天前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css
Lhuu(重开版2 天前
CSS:动效布局动画
前端·css