盒子

使用容器使您的內容清晰易讀且居中。

盒子 區塊對於保持內容整齊地排列在螢幕中央非常有效。它通常與段塊一起使用。您可以合併一個盒子 插入面板 > 結構 部分。

在本次會議中,我們將討論:

  1. 盒子的結構
  2. 如何使用框、線段和剖面塊

盒子的結構

A 盒子 是具有預先定義樣式的節塊。它在較大螢幕上的最大寬度為 940 像素,以使內容相對於瀏覽器視窗居中。在較小的裝置(例如手機和平板電腦)上,框框會延伸到整個螢幕寬度。

您可以修改框的最大寬度,使其仍然適應視窗大小,但僅擴展到設定的最大寬度。

如何使用框、線段和剖面塊

在網頁設計中,盒子經常放置在分區塊內。預設情況下,一個部分佔據整個寬度。您可以在該部分中放置一個框,以使元素整齊地向中心分組。隨後,您可以利用框內的分段塊透過佈局、間距、尺寸和位置來排列元素。

專家提示: 節是跨越整個寬度並包含預先定義的「節」HTML5 標記的節塊。盒子是具有預設最大寬度的截面塊。

了解有關建立網頁佈局的更多資訊。

麥伊凡
Ewan Mak 的最新帖子 (看全部)