在CSS中,要设置body居中有很多种方法,下面分别介绍:/* 方法一:使用flexbox布局 */ body { display: flex; justify-content: center; /*
在CSS中,要设置body居中有很多种方法,下面分别介绍:
/* 方法一:使用flexbox布局 */ body { display: flex; justify-content: center; /* 在主轴上居中 */ align-items: center; /* 在交叉轴上居中 */ } /* 方法二:使用绝对定位 */ body { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* 方法三:使用margin */ body { margin: 0 auto; /* 左右margin为auto,即可在水平方向上居中 */ height: 100vh; /* 需要定义高度,才能在垂直方向上居中 */ }
以上三种方法都能将body居中。需要根据实际情况选择使用哪种方法。
粉丝
0
关注
0
收藏
0