CSS是層疊樣式表的縮寫,可以決定網頁的樣式和布局。在網頁設計中,讓網頁內容居中非常重要,下面介紹幾種方法,讓你的網頁居中吧。
/* 方式一:使用margin */ .container { width: 80%; /* 設置寬度 */ margin: 0 auto; /* 左右邊距設置為auto */ } /* 方式二:使用flex */ .container { display: flex; /* 使用flex布局 */ align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ } /* 方式三:使用position和transform */ .container { position: absolute; /* 設置絕對定位 */ top: 50%; /* 向下偏移一半高度 */ left: 50%; /* 向右偏移一半寬度 */ transform: translate(-50%, -50%); /* 向左上方移動自身一半的寬高 */ }
以上三種方式都可以讓網頁內容居中,只需要根據實際情況選擇合適的方法即可。