首页 > 开发 > CSS > 正文

结合CSS3的新特性来总结垂直居中的实现方法

2024-07-11 09:07:24
字体:
来源:转载
供稿:网友
CSS3中的flex布局和before伪元素等特性用来实现垂直居中真的是太方便和优雅了,这里我们就来结合CSS3的新特性来总结垂直居中的实现方法:
 
 

0.单行内容的居中
只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-height 和 height,并使两值相等,再加上 over-flow: hidden 就可以了

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表