HTML5怎么設(shè)置div居中 很多時候我們需要將一個div居中顯示，本文將向大家分享HTML5如何設(shè)置div居中的方法。 首先，我們需要在CSS樣式表中設(shè)置div的寬度。這將使瀏覽器知道我們希望元素在屏幕上占據(jù)的空間大小。 接著，我們可以使用margin屬性把元素水平居中。在這個例子中，假設(shè)div的寬度為500像素，則代碼如下所示： ``` div { width: 500px; margin: 0 auto; } ``` 在這個例子中，margin: 0 auto將div水平居中。0表示上下邊距均為0，auto表示左右邊距為自動計算。 另外，除了使用margin屬性，我們還可以使用flex布局（即彈性盒子布局）來將div居中。這種方法需要使用CSS3，因此在舊版本的瀏覽器上可能不起作用。 以下是使用flex布局將div水平居中的示例代碼： ``` .container { display: flex; justify-content: center; align-items: center; } .container div { width: 500px; } ``` 在這個例子中，我們使用了容器（.container）來包含div元素。display: flex將容器設(shè)為彈性盒子，justify-content: center將div水平居中，align-items: center將div垂直居中。 以上就是HTML5設(shè)置div居中的方法。通過這些方法，我們可以輕松地將元素居中顯示。