在網(wǎng)頁制作中,如何實現(xiàn)CSS界面居中是很重要的問題,下面將介紹兩種方法:
1. 使用margin屬性實現(xiàn)居中
.wrapper{
width: 800px;
height: 600px;
margin: 0 auto; /*將左右margin設為auto,即可使元素在水平方向上居中*/
}
2. 使用Flexbox實現(xiàn)居中
.wrapper{
width: 800px;
height: 600px;
display: flex;
justify-content: center; /*將子元素沿主軸居中*/
align-items: center; /*將子元素沿交叉軸居中*/
}
以上兩種方法都能達到居中的效果,但使用Flexbox的方法可以更好地適應不同屏幕大小和不同設備的視口大小,而且在實現(xiàn)其他排版效果時也非常方便。