這 盒子 區塊對於保持內容整齊地排列在螢幕中央非常有效。它通常與段塊一起使用。您可以合併一個盒子 插入面板 > 結構 部分。
在本次會議中,我們將討論:
- 盒子的結構
- 如何使用框、線段和剖面塊
盒子的結構
A 盒子 是具有預先定義樣式的節塊。它在較大螢幕上的最大寬度為 940 像素,以使內容相對於瀏覽器視窗居中。在較小的裝置(例如手機和平板電腦)上,框框會延伸到整個螢幕寬度。
您可以修改框的最大寬度,使其仍然適應視窗大小,但僅擴展到設定的最大寬度。
如何使用框、線段和剖面塊
在網頁設計中,盒子經常放置在分區塊內。預設情況下,一個部分佔據整個寬度。您可以在該部分中放置一個框,以使元素整齊地向中心分組。隨後,您可以利用框內的分段塊透過佈局、間距、尺寸和位置來排列元素。
專家提示: 節是跨越整個寬度並包含預先定義的「節」HTML5 標記的節塊。盒子是具有預設最大寬度的截面塊。
了解有關建立網頁佈局的更多資訊。
Ewan Mak 的最新帖子 (看全部)
- 包含或消除工作區點和成員 - 2024 年 4 月 15 日
- 定心框總結 - 2024 年 4 月 15 日
- 儲存站點以供日後參考 - 2024 年 4 月 15 日