對齊
對齊多個元素
在 Flex 中,您可以通過同時對齊同一部分,列或 flexbox 中的多個元素來節省時間。
若要對齊多個元素:
- 選取區段、欄或 flexbox,然後按一下浮動功能表中的對齊圖示 ()。
- 選取所需的定線。
設計面板提供了其他對齊選項,例如更改自動佈局的方向,拉伸等。
若要從設計面板對齊多個元素:
- 以滑鼠右鍵按一下所需的區段、欄或 flexbox,然後選取 [編輯設計]。
- 在設計面板的「 對齊元素」下的「版面」區段中,選取所需的垂直和水平內容對齊方式。
對齊單一元素
雖然可以一次對齊多個元素,但有時您只需要更改 flex 列中一個元素的對齊方式而不會影響其他元素。
若要對齊單一元素:
- 選取所需的元素。
- 在浮動功能表中,按一下對齊圖示 (),然後選取所需的對齊方式。 或者,在元素上按一下滑鼠右鍵並選取「 編輯設計」 這將打開設計面板,您可以在其中從對齊部分選擇對齊方式。
間距
元素之間的間距
您可以設置列,flexbox 或高級網格內相同的柔性部分或小部件列之間的水平或垂直空間的量。
若要設定元素之間的間距:
- 以滑鼠右鍵按一下所需的區段、欄、flexbox 或進階網格,然後選取 [編輯設計]。
- 在設計面板的「 元素間距」下的「間距」區段中,輸入或使用滑桿,在「 項目間間距」欄位中設定水平間距的百分比值,或是要存在於元素之間的垂直間距 像素值。