
內容簡介
Flexible Spacer Block 可以根據裝置螢幕寬度(斷點)切換間隔的高度。
此區塊具有兩個可變斷點,您可以分別調整智慧型手機、平板電腦和桌面電腦的間隔高度。
可逐個或批次更改間隔的高度。
此外,還可以設置「負空間(負邊距)」,而非普通空間。
此區塊也支援從和到核心間隔塊的轉換。
關於負空間
「負空間」縮小了間隔块上下的大綱,並且還可以重疊块。
如果發生意外的重疊,請將 CSS 類型命名為「fsb-style-show-front」添加到要顯示在前面的區塊。
要將 CSS 類型應用於區塊,請單擊 WordPress 編輯器中的區塊,並檢查右側的區塊設置中的進階設置,然後輸入 CSS 類型。
資源
屏幕截圖圖像
許可證:CC0 公共領域
來源:https://pxhere.com/ja/photo/245
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Flexible Spacer Block switches the height of the spacer according to the device screen width (breakpoints).
This block has two variable breakpoints, and you can adjust the height of the spacer for smartphones, tablets, and desktops respectively.
The height of the spacers can be changed individually or in batches.
Also available to set “negative space (negative margin)” instead of the normal space.
And this block supports transform from and to core spacer block.
About negative space
“Negative space” narrows the margins both blocks above and below the spacer, and it is also possible to overlap the blocks.
If unintended overlap occurs, add a CSS class named “fsb-style-show-front” to the block you want to show in the front.
To apply the CSS class to the block, click on the block on WordPress editor, and check the block settings on the right for the Advanced setting ,then enter the CSS class.
Resources
Image for screenshot
License: CC0 Public Domain
Source: https://pxhere.com/ja/photo/245
