一、 頂部主標簽頁
這三個圖標決定了你正在修改區(qū)塊的哪一類屬性。
General (常規(guī))：控制區(qū)塊的基礎(chǔ)結(jié)構(gòu)、對齊方式和布局邏輯。
Style (樣式)：控制視覺外觀，如背景顏色、邊距 (Padding)、邊框等。
Advanced (高級)：控制底層邏輯，如層級 (Z-Index)、響應(yīng)式顯示和自定義代碼。
二、 General (常規(guī)) 標簽頁下的設(shè)置
1. 容器與內(nèi)容寬度 (Container & Content)
Container Width (容器寬度)：指整個區(qū)塊最外層的寬度。
Full Width：全寬，橫跨整個屏幕邊緣。
Boxed：盒子模式，寬度限制在設(shè)定的像素內(nèi)。
Content Width (內(nèi)容寬度)：指容器內(nèi)部放置文字或圖片的區(qū)域?qū)挾取?/p>
Content Box Width (內(nèi)容盒寬度)：具體設(shè)定內(nèi)部內(nèi)容的像素數(shù)值（如 1140px）。
Minimum Height (最小高度)：設(shè)定該區(qū)塊在垂直方向上的最低高度。
Equal Height (等高)：開啟后，會讓容器內(nèi)的多個子區(qū)塊保持高度一致。
HTML Tag (HTML 標簽)：給這個區(qū)塊定義網(wǎng)頁代碼結(jié)構(gòu)（如
Div,Section,Main等）。Overflow (溢出)：當內(nèi)容超過容器邊界時如何處理。
Visible：可見；Hidden：隱藏多出部分；Auto：自動。
2. 布局邏輯 (Layout)
Flex / Grid：選擇布局模式。Flex 就像橡皮筋一樣靈活排列，Grid 則是像棋盤一樣的格子。
Direction (方向)：子元素的排列方向。
圖標分別代表：水平從左向右、垂直從上向下、水平反向、垂直反向。
Children Width (子元素寬度)：
Auto：自動根據(jù)內(nèi)容長度分配空間。
Equal：讓所有子元素平分布局寬度。
Align Items (對齊項/垂直對齊)：控制內(nèi)容在垂直方向上的位置（居頂、居中、居底、拉伸）。
Justify Content (主軸對齊/水平分布)：這是解決你紅圈留白的關(guān)鍵。
圖標含義：左對齊、居中對齊、右對齊、兩端對齊、平均分布、環(huán)繞分布。
Wrap (換行)：當屏幕變窄時，內(nèi)部內(nèi)容是否自動換到下一行。
一、 Style (樣式) 標簽頁面板
1. Background (背景)
Type (類型)：選擇背景的種類。
畫筆圖標：經(jīng)典顏色背景（純色）。
漸變圖標：顏色漸變效果。
圖片圖標：使用上傳的圖片作為背景。
視頻圖標：使用視頻作為背景（通常用于網(wǎng)頁頂部的氛圍渲染）。
Color (顏色)：點擊右側(cè)圓圈可選擇具體的背景顏色。
Overlay Type (覆蓋層類型)：在背景圖片或視頻之上再加一層顏色（比如讓背景圖變暗，好讓上面的文字更清晰）。
2. Color (顏色)
設(shè)置容器內(nèi)文本、標題、鏈接的默認顏色。
3. Border (邊框)
Color: 線條顏色。
Width: 線條粗細。
Radius: 圓角。數(shù)值越大，方塊的角就越圓（甚至變橢圓）。
4. Box Shadow (盒子陰影)
給整個區(qū)塊增加陰影，使其看起來有立體感，像是從頁面里“飄”起來一樣。
5. Shape Dividers (形狀分隔符)
在區(qū)塊的頂部或底部添加波浪、斜線等幾何形狀，用于兩個大區(qū)塊之間的平滑過渡。
6. Spacing (間距) —— 解決你紅圈留白的最核心設(shè)置
這個設(shè)置通常就在 Spacing 折疊欄下面。
Padding (內(nèi)邊距)：控制容器邊緣到內(nèi)部內(nèi)容之間的距離。
Margin (外邊距)：控制整個區(qū)塊與外部其他區(qū)塊之間的距離。
Advanced (高級) 標簽頁
Global Block Styles (全局區(qū)塊樣式)：如果你之前保存過一套標準的樣式模板，可以在這里直接套用，保持全站統(tǒng)一。
Sticky (吸頂/粘性)：設(shè)置該區(qū)塊在頁面滾動時，是否“粘”在屏幕頂部不隨頁面滑走（常用于導(dǎo)航欄）。
Animations (動畫)：設(shè)置區(qū)塊進入頁面時的動態(tài)效果，如“漸入”、“由下至上滑入”等。
Display Conditions (顯示條件)：根據(jù)邏輯判斷是否顯示。例如：只對登錄用戶顯示，或者只在特定時間內(nèi)顯示。
Responsive Conditions (響應(yīng)式條件)：控制在不同設(shè)備上的顯示狀態(tài)。
Hide on Mobile/Tablet/Desktop：可以在這里勾選，讓該區(qū)塊在手機端消失或在電腦端消失。
Z-Index (層級)：控制重疊順序。如果兩個區(qū)塊疊在一起，Z-Index 數(shù)值大的會擋住數(shù)值小的。
高級 (HTML 錨點/CSS 類)：
HTML Anchor：給區(qū)塊設(shè)一個 ID（如
section1），可以通過鏈接直接跳轉(zhuǎn)到這里。Additional CSS Class：為程序員預(yù)留，手動輸入 CSS 類名進行更復(fù)雜的定制。