在網頁設計中，常常需要把某些元素居中。下面是一個HTML5畫面居中的代碼示例。

這是要居中的元素

代碼解析：

該代碼使用了CSS的flex布局。也就是使用display: flex來定義父容器為flex布局。justify-content: center和align-items: center用于水平和垂直居中。height: 100vh用于設置父容器的高度占滿整個瀏覽器窗口。

在body標簽中，有一個要居中元素的div標簽。該標簽在flex布局下自動成為子元素，最終被居中展示在父容器中心。