本文介绍了多种网页元素居中方法，包括行内元素和块级元素的水平、垂直居中。对于行内元素，使用text-align:center和line-height等于height实现居中。块级元素的居中可通过绝对定位、transform:translate、margin:0 auto以及flex布局来实现。重点讲解了flex布局在居中对齐方面的应用。
Hellow大家好！又到了我们快乐的学习时间！今天我们来学习各种情况居中方式！很重要哦！
首先呢是
行内元素居中
水平居中 text-align：center；
垂直居中 line-height=height；
不固定高度垂直居中可以使用padding；
固定高度垂直居中display:table-cell;vertical-align:middle;
块级元素居中
1、使用绝对定位配合margin但是啊必须要固定宽高
2、设置transform:translate(-50%,-50%)
3、设置margin(0 auto)但是必须要有固定宽高哦
4、flex弹性盒布局居中 justify-content:center;align-item:center
本次的更新就到这里啦，点个关注再走哦！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
