在 Node-RED Dashboard 2.0 中,您可以透過以下方法將元件(例如開關)置中顯示:
使用 CSS 調整元件位置:
您可以為特定元件添加自訂的 CSS 類別,並使用 CSS 控制其在佈局中的位置。例如,若您希望將 ui-switch
元件在寬度為 8 單位的區塊中置中,您可以執行以下步驟:
添加自訂 CSS 類別: 在 ui-switch
元件的配置中,添加一個自訂的 CSS 類別,例如 single-widget-centered-in-8
。
定義 CSS 規則: 在您的 Dashboard 頁面中,添加以下 CSS 規則:
.single-widget-centered-in-8 {
grid-column-start: 4;
}
此規則將使該元件從第 4 列開始,從而在 8 單位寬度的區塊中置中顯示。
使用空白元件作為間隔:
若無法透過 CSS 完全控制佈局,您可以在需要的地方添加空白的文本元件作為間隔,從而實現元件的置中顯示。
請注意,Dashboard 2.0 尚未提供類似於 Dashboard 1.0 的間隔元件,因此需要透過上述方法手動調整佈局。