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

一、什么是元素显示模式

1-1、块级元素

1-2、行内元素

1-3、行内块元素

1-4、小结

二、元素显示模式转换

三、单行文字垂直居中

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

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

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

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

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

相关推荐
我要洋人死1 小时前
导航栏及下拉菜单的实现
前端·css·css3
小白白一枚11112 小时前
css实现div被图片撑开
前端·css
@蒙面大虾12 小时前
CSS综合练习——懒羊羊网页设计
前端·css
顾菁寒13 小时前
WEB第二次作业
前端·css·html
前端Hardy17 小时前
HTML&CSS:爱上班的猫咪
前端·javascript·css·vue.js·html
聚宝盆_20 小时前
【css flex 多行均分有间隙布局】
前端·css
零希20 小时前
CSS元素类型(二)
前端·javascript·css
煎饼果子呀20 小时前
css-flex布局属性
开发语言·前端·css·html5
沈阳-施立21 小时前
CSS例子: 胶囊按钮
前端·css
前端Hardy21 小时前
超萌!HTML&CSS:打造趣味动画卡通 dog
前端·css·html·css3