在HTML5中，我們可以使用如下樣式來設置
居中：
div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}這里的關鍵在于使用了絕對定位（position: absolute）和transform屬性。首先，將
元素向上移動50%的高度，使其“上沿”與瀏覽器視口的中心對齊。然后，使用transform: translate(-50%, -50%)將其“左沿”也向左移動50%的寬度，使其“左沿”與瀏覽器視口的中心對齊。這樣，
元素就實現了水平和垂直居中。