今天我要跟大家分享一個(gè)非常實(shí)用的 HTML 技巧，就是如何將一個(gè)盒子在頁面水平居中。 首先，我們需要用到 CSS 屬性 `display:flex`。這個(gè)屬性可以讓我們快速地創(chuàng)建一個(gè) flexbox 容器，從而可以輕松實(shí)現(xiàn)盒子的水平居中。 接下來，我們可以添加一些 CSS 樣式來讓我們的盒子看起來更加漂亮。例如，我們可以設(shè)置寬度、高度、背景顏色等。 下面是代碼演示：

這是一個(gè)居中的盒子

在這段代碼中，我們首先創(chuàng)建了一個(gè) `.container` 容器，并將其設(shè)置為 flexbox 容器。然后，我們使用 `justify-content: center` 和 `align-items: center` 屬性將盒子水平和垂直居中。最后我們創(chuàng)建一個(gè) `.box` 盒子，并添加了一些樣式，包括寬度、高度、背景顏色和邊框。 通過以上代碼演示，我們可以看到一個(gè)水平居中的盒子，非常簡單實(shí)用。再結(jié)合一些其他的 CSS 樣式，我們可以輕松創(chuàng)建出扁平化或透明化的炫酷效果的盒子。