CSS中的box指的是元素的外框,它可以通過一些屬性來控制元素的位置和大小。
一個常用的屬性是margin,它可以控制元素外框與其相鄰元素的距離。通過設置margin的值,可以讓元素在頁面中居中或者貼靠到頁面邊緣。
另一個常用的屬性是padding,它可以控制元素內部內容與外框的距離。通過設置padding的值,可以讓元素在內部留下更多的空白,讓內容更加突出。
/* 使元素左右居中 */ box { width: 50%; margin: 0 auto; } /* 使元素上下居中 */ box { height: 300px; display: flex; justify-content: center; align-items: center; } /* 使元素緊貼頁面邊緣 */ box { margin: 0; padding: 0; width: 100vw; height: 100vh; }
通過合理使用margin和padding屬性,可以讓元素在頁面中更好地呈現,提高頁面效果。